@charset "UTF-8";

.nav-search-content {
    position: relative;
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: none
}

.nav-search-content.active {
    margin-right: -8px
}

.nav-search-content.active .nav-search-input {
    border-color: #5C5C5C;
    background: #FFF;
    padding: 0
}

.nav-search-content.active .nav-search-input .select-class {
    padding-left: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-search-content.active .nav-search-input .select-class .select-type-list {
    left: 0
}

.nav-search-content.active .nav-search-input .select-class:hover .select-type-list {
    opacity: 0;
    visibility: hidden
}

.nav-search-content.active .nav-search-input .search-keyword::-webkit-input-placeholder {
    font-size: 14px;
    color: #C8C8C8
}

.nav-search-content.active .nav-search-input .search-keyword:-moz-placeholder,
.nav-search-content.active .nav-search-input .search-keyword::-moz-placeholder,
.nav-search-content.active .nav-search-input .search-keyword::-webkit-input-placeholder,
.nav-search-content.active .nav-search-input .search-keyword::placeholder {
    font-size: 14px;
    color: #C8C8C8
}

.nav-search-content.active .nav-search-input .del_key_display,
.nav-search-content.active .nav-search-input .search_image_search {
    position: absolute;
    right: 16px
}

.nav-search-content .nav-search-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-top: 16px;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px;
    background: #EFEFEF;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid transparent
}

.nav-search-content .nav-search-input.hover-css {
    background: #DFDFDF !important
}

.nav-search-content .nav-search-input.hover-css .search-keyword {
    background: #DFDFDF
}

.nav-search-content .nav-search-input.hover-css .search_image_search {
    position: relative
}

.nav-search-content .nav-search-input.hover-css .search_image_search .tip {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 72px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    border-radius: 8px;
    background: #1A1A1A
}

.nav-search-content .nav-search-input.hover-css .search_image_search .tip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    margin-left: -11px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #1a1a1a
}

.nav-search-content .nav-search-input.hover-css .search_image_search:hover .tip {
    display: block
}

.nav-search-content .nav-search-input:hover {
    background: #DFDFDF
}

.nav-search-content .nav-search-input .select-class {
    position: relative;
    margin-right: 8px;
    padding-right: 12px;
    color: #5c5c5c;
    font-size: 16px;
    letter-spacing: 1.6px;
    border-right: 1px solid #C8C8C8;
    white-space: nowrap
}

.nav-search-content .nav-search-input .select-class:hover {
    color: #222
}

.nav-search-content .nav-search-input .select-class:hover .select-class-box {
    background: #C8C8C8
}

.nav-search-content .nav-search-input .select-class:hover .select-class-box .select-class-txt {
    padding-bottom: 12px
}

.nav-search-content .nav-search-input .select-class:hover .select-type-list {
    opacity: 1;
    visibility: visible
}

.nav-search-content .nav-search-input .select-class .select-class-box {
    padding: 2px 4px;
    border-radius: 4px;
    cursor: pointer
}

.nav-search-content .nav-search-input .select-class .select-class-box .icon {
    margin-left: -6px;
    font-size: 16px
}

.nav-search-content .nav-search-input .select-class .select-type-list {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 35px;
    left: -18px;
    z-index: 9999;
    padding: 24px 16px 10px;
    width: 112px;
    height: 484px;
    background: #FFF;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 24px -4px rgba(16, 24, 40, .0784313725), 0 0 8px -4px rgba(16, 24, 40, .031372549);
    box-shadow: 0 0 24px -4px rgba(16, 24, 40, .0784313725), 0 0 8px -4px rgba(16, 24, 40, .031372549);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nav-search-content .nav-search-input .select-class .select-type-list .select-type-itme {
    margin-bottom: 10px;
    padding: 0 8px;
    width: 80px;
    height: 40px;
    font-size: 14px;
    color: #222;
    line-height: 40px;
    border-radius: 8px;
    letter-spacing: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-search-content .nav-search-input .select-class .select-type-list .select-type-itme:hover {
    background: #EFEFEF
}

.nav-search-content .nav-search-input .icon_search {
    display: inline-block;
    font-size: 28px;
    color: #CCC;
    z-index: 1;
    line-height: 1
}

.nav-search-content .nav-search-input .search-keyword {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 6px;
    font-size: 14px;
    color: #222;
    background: 0 0;
    border-radius: 12px
}

.nav-search-content .nav-search-input .search-keyword::-webkit-input-placeholder {
    font-size: 14px;
    color: #CCC
}

.nav-search-content .nav-search-input .search-keyword:-moz-placeholder,
.nav-search-content .nav-search-input .search-keyword::-moz-placeholder,
.nav-search-content .nav-search-input .search-keyword::-webkit-input-placeholder,
.nav-search-content .nav-search-input .search-keyword::placeholder {
    font-size: 14px;
    color: #CCC
}

.nav-search-content .nav-search-input .del_key_display,
.nav-search-content .nav-search-input .search_image_search {
    font-size: 32px;
    color: #C8C8C8;
    cursor: pointer
}

.nav-search-content .nav-search-input .del_key_display:hover,
.nav-search-content .nav-search-input .search_image_search:hover {
    color: #1A1A1A
}

.nav-search-content .nav-search-input .del_key_display .input-uploader,
.nav-search-content .nav-search-input .search_image_search .input-uploader {
    display: none
}

.nav-search-content .nav-search-input .search_image_search .icon {
    vertical-align: -3px
}

.nav-search-content .nav-search-input .search_image_search .tip {
    display: none
}

.nav-search-content .nav-search-input .del_key_display {
    font-size: 20px
}

.nav-search-content .newnav-related-search {
    display: none;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    background: #FFF;
    z-index: 1001;
    min-height: 411px
}

.nav-search-content .newnav-related-search.has-search {
    min-height: auto
}

.nav-search-content .newnav-related-search .line {
    position: relative;
    width: 100%;
    height: 8px;
    background: #FFF;
    z-index: 2
}

.nav-search-content .newnav-related-search .search-title {
    position: relative;
    padding-left: 255px;
    height: 41px;
    padding-top: 3px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.nav-search-content .newnav-related-search .search-title>span {
    display: inline-block;
    margin-right: 32px;
    padding: 0 10px;
    color: #5C5C5C;
    font-size: 16px;
    cursor: pointer
}

.nav-search-content .newnav-related-search .search-title>span.active {
    position: relative;
    color: #222;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.nav-search-content .newnav-related-search .search-title>span:hover {
    color: #222;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.nav-search-content .newnav-related-search .hover-line {
    position: absolute;
    border-bottom: 4px solid transparent;
    z-index: -1;
    top: 27px;
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px);
    border-color: #222;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.nav-search-content .newnav-related-search .close-icon {
    position: absolute;
    top: 80px;
    right: 36px;
    font-size: 24px;
    color: #C9CDD4;
    cursor: pointer;
    z-index: 1004
}

.nav-search-content .newnav-related-search .close-icon:hover {
    color: #222
}

.nav-search-content .newnav-related-search .newhead-related-search {
    position: relative;
    display: block;
    margin-top: 48px;
    padding-left: 255px;
    background-color: rgba(255, 255, 255, .99)
}

.nav-search-content .newnav-related-search .newhead-related-search .item-related-search.lately-search,
.nav-search-content .newnav-related-search .newhead-related-search .search-related-kyeword {
    display: none
}

.nav-search-content .newnav-related-search .newhead-related-search .item-related-search {
    margin-bottom: 30px
}

.nav-search-content .newnav-related-search .newhead-related-search .item-related-search .related-title {
    font-size: 14px;
    line-height: 24px;
    color: #C8C8C8;
    margin-bottom: 16px
}

.nav-search-content .newnav-related-search .newhead-related-search .item-related-search .related-title .icon {
    color: #C9CDD4;
    font-size: 24px;
    vertical-align: middle;
    cursor: pointer
}

.nav-search-content .newnav-related-search .newhead-related-search .item-related-search .related-title .icon.icon_search_hot {
    color: #F84E4E
}

.nav-search-content .newnav-related-search .newhead-related-search .item-related-search .related-search-class>a {
    display: inline-block;
    padding: 0 16px;
    height: 32px;
    line-height: 30px;
    background: #F2F3F5;
    border-radius: 12px;
    color: #5C5C5C;
    margin-right: 24px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #F2F3F5
}

.nav-search-content .newnav-related-search .newhead-related-search .item-related-search .related-search-class>a:hover {
    border-color: #000;
    color: #222
}

.new-nav-search-mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 999
}

.nav-search-result {
    padding: 0 80px 24px 255px;
    display: none
}

.nav-search-result .nav-autocomplete-suggestion .nav-correlation {
    padding: 0 16px;
    height: 56px;
    line-height: 56px;
    cursor: pointer
}

.nav-search-result .nav-autocomplete-suggestion .nav-correlation .icon {
    margin-right: 12px;
    font-size: 20px;
    color: #C8C8C8;
    vertical-align: sub
}

.nav-search-result .nav-autocomplete-suggestion .nav-correlation .recently {
    color: #5C5C5C;
    font-size: 16px
}

.nav-search-result .nav-autocomplete-suggestion .nav-correlation .recently>span {
    color: #1D2129;
    font-weight: 700
}

.nav-search-result .nav-autocomplete-suggestion .nav-correlation:hover {
    border-radius: 6px;
    background: #F2F3F5
}

.nav-search-result .nav-autocomplete-suggestion .nav-correlation:hover .icon {
    color: #222
}

.nav-search-result .nav-autocomplete-suggestion .nav-welated-words .title-welated {
    color: #C8C8C8;
    border-top-color: #D9D9D9
}

.nav-search-result .nav-autocomplete-suggestion .nav-welated-words .search-recommend>a {
    height: 32px;
    line-height: 30px;
    color: #5c5c5c;
    background: #F2F3F5;
    border: 1px solid #F2F3F5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-search-result .nav-autocomplete-suggestion .nav-welated-words .search-recommend>a:hover {
    color: #222;
    border-color: #000;
    background: #F2F3F5
}

.nav-search-result .nav-autocomplete-welated-words {
    display: none
}

.nav-search-result .nav-autocomplete-welated-words .title-welated {
    font-size: 14px;
    color: #C8C8C8;
    border-top: 1px solid #D9D9D9;
    line-height: 24px;
    padding-top: 11.5px;
    margin-bottom: 12px
}

.nav-search-result .nav-autocomplete-welated-words .search-recommend>a {
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 10px;
    padding: 0 16px;
    height: 32px;
    line-height: 30px;
    color: #5c5c5c;
    background: #F2F3F5;
    border: 1px solid #F2F3F5;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-search-result .nav-autocomplete-welated-words .search-recommend>a:hover {
    color: #222;
    border-color: #000;
    background: #F2F3F5
}

@media screen and (max-width:1500px) {

    .nav-search-content .newnav-related-search .newhead-related-search,
    .nav-search-content .newnav-related-search .search-title,
    .nav-search-result {
        padding-left: 215px
    }

    .nav-search-content .newnav-related-search {
        min-height: 313px
    }
}

.new-nav-page {
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 1200px;
    margin: 0 auto;
    padding: 0 80px;
    height: 64px;
    background: -webkit-gradient(linear, left top, left bottom, from(#222), to(rgba(34, 34, 34, 0)));
    background: linear-gradient(180deg, #222 0, rgba(34, 34, 34, 0) 100%);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1001
}

.new-nav-page:hover {
    background: #000
}

.new-nav-page:hover .nav-left .left-nav-list .left-nav-item:hover {
    background: #222
}

.new-nav-page:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    background: #000;
    z-index: 1
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .new-nav-page:hover::after {
        content: none
    }
}

.new-nav-page .nav-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-nav-page .nav-left .logo {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 146px;
    height: 40px;
    color: #FFF
}

.new-nav-page .nav-left .logo:hover .drag-img {
    display: block
}

.new-nav-page .nav-left .logo .icon {
    width: 100%;
    height: 100%
}

.new-nav-page .nav-left .logo .drag-img {
    display: none;
    position: absolute;
    top: -12px;
    left: 0;
    width: 270px;
    height: 165px
}

.new-nav-page .nav-left .logo .drag-img img {
    padding-left: 105px;
    width: 270px;
    height: 165px
}

.new-nav-page .nav-left .left-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 12px
}

.new-nav-page .nav-left .left-nav-list .left-nav-item {
    position: relative;
    padding: 8px 20px;
    color: #dfdfdf;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    border-radius: 12px
}

.new-nav-page .nav-left .left-nav-list .left-nav-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -18px;
    width: 100%;
    height: 18px;
    z-index: 2
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.active>a {
    color: #fff;
    font-weight: 700
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.hover-css {
    background: rgba(255, 255, 255, .1)
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.hover-css .icon-nav-more {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.hover-css .subnav-model-classification {
    opacity: 1;
    top: 64px;
    visibility: inherit;
    -webkit-transition: all .5s;
    transition: all .5s
}

.new-nav-page .nav-left .left-nav-list .left-nav-item>a {
    position: relative;
    font-size: 16px;
    color: #dfdfdf;
    white-space: nowrap;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item>a .icon {
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item.hover-css .subnav-model-classification {
    top: 52px
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification {
    position: absolute;
    top: 38px;
    left: -52px;
    width: 780px;
    height: 408px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 6px -2px rgba(16, 24, 40, .03), 0 0 16px -4px rgba(16, 24, 40, .08);
    box-shadow: 0 0 6px -2px rgba(16, 24, 40, .03), 0 0 16px -4px rgba(16, 24, 40, .08)
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left {
    margin-left: 0
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel {
    padding-right: 0
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li {
    margin-left: 80px;
    min-width: 70px
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(1),
.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(2),
.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(5) {
    display: none
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li>a {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li>a:nth-of-type(1):hover {
    cursor: text;
    text-decoration: none
}

.new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .list-retract-css {
    display: none;
    font-size: 32px
}

.new-nav-page .subnav-model-classification {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 454px;
    height: auto;
    background: #FFF;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-nav-page .subnav-model-classification .nav-class-left {
    width: 336px;
    padding: 48px 24px 32px 155px;
    border-right: 1px solid #E5E6EB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-nav-page .subnav-model-classification .nav-class-left>a {
    position: relative;
    display: block;
    margin-bottom: 16px;
    padding: 12px 16px;
    min-width: 157px;
    color: #222;
    border-radius: 16px;
    letter-spacing: 1.6px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    border: 1px solid transparent
}

.new-nav-page .subnav-model-classification .nav-class-left>a em .icon {
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    color: #86909C;
    vertical-align: -6px
}

.new-nav-page .subnav-model-classification .nav-class-left>a .icon-right-arrow {
    display: none;
    position: absolute;
    right: 8px;
    top: 15px
}

.new-nav-page .subnav-model-classification .nav-class-left>a.active .icon-right-arrow,
.new-nav-page .subnav-model-classification .nav-class-left>a>span {
    display: inline-block
}

.new-nav-page .subnav-model-classification .nav-class-left>a .icon-right-arrow .icon {
    font-size: 18px
}

.new-nav-page .subnav-model-classification .nav-class-left>a.active {
    font-weight: 700;
    background: #EFEFEF;
    border: 1px solid #000
}

.new-nav-page .subnav-model-classification .nav-class-left>a.active em .icon {
    color: #222
}

.new-nav-page .subnav-model-classification .nav-class-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 48px 0 32px;
    overflow: hidden
}

.new-nav-page .subnav-model-classification .cate_channel {
    position: relative;
    display: none;
    padding-right: 354px;
    width: 100%
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left {
    margin-right: 49px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>.pbr-free-icon {
    width: 36px;
    top: -15px;
    left: 90px;
    font-size: 11px
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 352px;
    margin-left: 5px;
    overflow: hidden
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul>li {
    margin-left: 50px;
    height: 100%
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul>li>a {
    display: block;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 16px;
    padding: 0 6px;
    max-width: 96px;
    color: #5c5c5c;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul>li>a:hover {
    color: #222;
    background: #EFEFEF
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul>li>a:nth-of-type(1) {
    position: relative;
    margin-top: 0;
    padding: 0 0 8px 6px;
    min-width: 70px;
    color: #222;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul>li>a:nth-of-type(1)::after {
    content: "";
    position: absolute;
    left: 6px;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #E5E6EB
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul>li>a:nth-of-type(1):hover {
    background: 0 0;
    text-decoration: underline
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul>li>a.list-page-show {
    display: none
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left>ul>li>a.list-page-show .vr-free-icon {
    top: -11px;
    right: -20px
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class {
    display: block;
    margin-top: 12px;
    color: #c8c8c8;
    font-size: 14px;
    line-height: 24px;
    text-align: right
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class>a,
.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class>span {
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    padding: 0 6px;
    color: #c8c8c8;
    border-radius: 6px;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class>a:hover,
.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class>span:hover {
    background: #EFEFEF;
    color: #222
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class>a:hover .icon,
.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class>span:hover .icon {
    -webkit-transform: translate(2px, 0);
    transform: translate(2px, 0)
}

.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class>a .icon,
.new-nav-page .subnav-model-classification .cate_channel .list-class-left .every_class>span .icon {
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.new-nav-page .subnav-model-classification .cate_channel .nav-adv-img {
    position: absolute;
    top: 0;
    right: 80px;
    width: 274px;
    height: 345px;
    border-radius: 12px
}

.new-nav-page .subnav-model-classification .cate_channel .nav-adv-img img {
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.new-nav-page .subnav-model-classification .cate_channel.active {
    display: block
}

.new-nav-page .subnav-model-classification .cate_channel.light-box {
    margin: 0 80px;
    padding: 0
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .light-content {
    line-height: 123px;
    text-align: center;
    width: 100%;
    height: 123px;
    background: url(/www3/lib/images/public/new-nav-icon.png) -10px -10px no-repeat;
    border-radius: 12px;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 10.8px
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .class-light-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 57px;
    text-align: center;
    height: 24px;
    overflow: hidden
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .class-light-list .class-light-item {
    margin-right: 56px;
    padding: 0 6px;
    font-size: 14px;
    color: #5c5c5c;
    line-height: 24px;
    border-radius: 6px
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .class-light-list .class-light-item:hover {
    color: #222;
    background: #EFEFEF
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class {
    display: block;
    margin: 36px auto 0;
    font-size: 14px;
    line-height: 24px;
    color: #c8c8c8;
    text-align: center
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class>a,
.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class>span {
    display: inline-block;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 6px;
    color: #c8c8c8
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class>a:hover,
.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class>span:hover {
    color: #222;
    background: #EFEFEF;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class>a:hover .icon,
.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class>span:hover .icon {
    -webkit-transform: translate(2px, 0);
    transform: translate(2px, 0)
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class>a .icon,
.new-nav-page .subnav-model-classification .cate_channel.light-box .light-every_class>span .icon {
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.new-nav-page .subnav-model-classification .cate_channel.light-box .nav-adv-img {
    display: none
}

.new-nav-page .subnav-model-classification .more-left {
    margin-left: 100px;
    padding: 48px 0 32px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.new-nav-page .subnav-model-classification .more-left .cate_channel {
    display: block
}

.new-nav-page .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(3) {
    margin-left: 73px
}

.new-nav-page .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(4) {
    margin-left: 80px
}

.new-nav-page .subnav-model-classification .more-right {
    position: relative;
    padding-top: 48px;
    width: 340px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 12px 12px 0
}

.new-nav-page .subnav-model-classification .more-right::before {
    content: "";
    position: absolute;
    left: 0;
    top: 48px;
    width: 1px;
    height: 232px;
    background: #EFEFEF
}

.new-nav-page .subnav-model-classification .more-right .qrcode-img {
    position: relative;
    margin: 0 auto;
    width: 162px;
    height: 162px;
    border-radius: 6px;
    background: #fff
}

.new-nav-page .subnav-model-classification .more-right .qrcode-img::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 14px;
    width: 134px;
    height: 134px;
    background: url(/www3/src/assets/images/nav/wx-qrcode-pro.png) no-repeat;
    background-size: 100% 100%
}

.new-nav-page .subnav-model-classification .more-right .title {
    margin-bottom: 24px;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px
}

.new-nav-page .subnav-model-classification .more-right .desc {
    margin-top: 24px;
    color: #5c5c5c;
    font-size: 14px;
    line-height: 24px
}

.new-nav-page .subnav-model-classification .vr-lyk-left {
    padding: 94px 35px 32px 106px;
    width: 562px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list .vr-left-item {
    position: relative;
    display: block;
    margin: 0 24px 24px 0;
    padding: 12px 16px;
    width: 157px;
    font-size: 16px;
    color: #5c5c5c;
    border-radius: 16px;
    white-space: nowrap;
    letter-spacing: 1.6px;
    border: 1px solid #E5E6EB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list .vr-left-item em {
    display: inline-block
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list .vr-left-item em .icon {
    margin-right: 10px;
    font-size: 24px;
    vertical-align: -6px
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list .vr-left-item>span {
    display: inline-block;
    width: calc(100% - 54px);
    text-align: right
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list .vr-left-item .icon-right-arrow {
    display: none;
    position: absolute;
    right: 8px;
    top: 15px
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list .vr-left-item .icon-right-arrow .icon {
    font-size: 18px
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list .vr-left-item:hover {
    color: #222;
    font-weight: 700;
    border-color: #222
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-left-list .vr-left-item:hover .icon-right-arrow {
    display: inline-block
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href {
    display: block;
    margin-top: 90px;
    font-size: 14px;
    color: #c8c8c8;
    line-height: 24px;
    text-align: right
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href>a,
.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href>span {
    display: inline-block;
    line-height: 24px;
    padding: 0 6px;
    font-size: 14px;
    color: #c8c8c8;
    border-radius: 6px
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href>a:hover,
.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href>span:hover {
    color: #222;
    background: #EFEFEF;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href>a:hover .icon,
.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href>span:hover .icon {
    -webkit-transform: translate(2px, 0);
    transform: translate(2px, 0)
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href>a .icon,
.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href>span .icon {
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.new-nav-page .subnav-model-classification .vr-lyk-left .vr-href .icon {
    margin-left: 2px;
    color: #86909C
}

.new-nav-page .subnav-model-classification .vr-lyk-left.lyk-content {
    padding-top: 87px;
    text-align: center
}

.new-nav-page .subnav-model-classification .vr-lyk-left.lyk-content .lyk-title {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    line-height: 24px
}

.new-nav-page .subnav-model-classification .vr-lyk-left.lyk-content .lyk-tip {
    margin: 6px 0;
    color: #5c5c5c;
    font-size: 14px;
    line-height: 24px
}

.new-nav-page .subnav-model-classification .vr-lyk-left.lyk-content .lyk-icon {
    margin: 0 auto;
    width: 134px;
    height: 134px;
    background: url(/www3/lib/images/public/new-nav-icon.png) -10px -335px no-repeat;
    border-radius: 16px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1019607843)
}

.new-nav-page .subnav-model-classification .vr-lyk-left.lyk-content .lyk-btn {
    margin-top: 38px;
    color: #FFF;
    background-color: #06CD65
}

.new-nav-page .subnav-model-classification .vr-lyk-left.lyk-content .lyk-btn:hover {
    background-color: #29D978
}

.new-nav-page .subnav-model-classification .vr-lyk-right {
    padding-left: 41px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #F8F8F8
}

.new-nav-page .subnav-model-classification .vr-lyk-right .vr-lyk-title {
    margin-top: 81px;
    color: #222;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 3.2px
}

.new-nav-page .subnav-model-classification .vr-lyk-right .vr-lyk-title>span {
    color: #F7BA1E
}

.new-nav-page .subnav-model-classification .vr-lyk-right .tip-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 3px;
    width: 330px
}

.new-nav-page .subnav-model-classification .vr-lyk-right .tip-list .tip-item {
    margin: 19px 19px 0 0;
    width: 144px;
    color: #5c5c5c;
    font-size: 16px;
    line-height: 22px
}

.new-nav-page .subnav-model-classification .vr-lyk-right .vr-btn {
    background-color: #F7BA1E
}

.new-nav-page .subnav-model-classification .vr-lyk-right .vr-btn:hover {
    background-color: #FFD34F
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .vr-lyk-title {
    margin-top: 62px
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .vr-lyk-title>span {
    color: #06CD65
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-desc {
    margin-top: 7px;
    font-size: 16px;
    color: #A3A3A3;
    line-height: 22px
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .tip-list {
    padding-top: 33px;
    display: block;
    width: 100%
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .tip-list .tip-item {
    width: 100%;
    margin: 0;
    line-height: 40px
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more {
    margin-top: 23px;
    color: #A3A3A3;
    font-size: 14px;
    line-height: 24px
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more>a,
.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more>span {
    display: inline-block;
    color: #A3A3A3;
    font-size: 16px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 6px
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more>a:hover,
.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more>span:hover {
    color: #222;
    background: #EFEFEF;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more>a:hover .icon,
.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more>span:hover .icon {
    -webkit-transform: translate(2px, 0);
    transform: translate(2px, 0)
}

.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more>a .icon,
.new-nav-page .subnav-model-classification .vr-lyk-right.lyk-right .lyk-more>span .icon {
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.new-nav-page .subnav-model-classification .vr-lyk-btn {
    display: inline-block;
    margin-top: 63px;
    padding: 0 32px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #222;
    border-radius: 16px
}

.new-nav-page .subnav-model-classification .vr-lyk-btn .icon {
    margin-left: 8px;
    font-size: 16px
}

.new-nav-page .nav-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-nav-page .nav-right .right-nav-item {
    position: relative;
    padding: 6px 8px;
    border-radius: 8px;
    color: #dfdfdf;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-nav-page .nav-right .right-nav-item::after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 30px;
    z-index: 9
}

.new-nav-page .nav-right .right-nav-item:hover {
    color: #C9CDD4
}

.new-nav-page .nav-right .right-nav-item:hover>a {
    color: #F8F8F8
}

.new-nav-page .nav-right .right-nav-item:hover::after {
    display: block
}

.new-nav-page .nav-right .right-nav-item:hover .subnav-warp {
    opacity: 1;
    visibility: inherit
}

.new-nav-page .nav-right .right-nav-item>a {
    color: #dfdfdf;
    font-size: 16px
}

.new-nav-page .nav-right .right-nav-item>a .icon {
    font-size: 24px;
    vertical-align: -6px
}

.new-nav-page .nav-right .right-nav-item>a>span {
    margin-left: 6px
}

.new-nav-page .nav-right .right-nav-item>a .icon-certification {
    display: inline-block;
    position: absolute;
    right: -5px;
    bottom: 0;
    width: 15px;
    height: 15px
}

.new-nav-page .nav-right .right-nav-item>a .icon-certification.user_grade_certification1 {
    background: url(/user2/public/images/new-level/vip-grade1.png) no-repeat;
    background-size: 100% 100%
}

.new-nav-page .nav-right .right-nav-item>a .icon-certification.user_grade_certification2 {
    background: url(/user2/public/images/new-level/vip-grade2.png) no-repeat;
    background-size: 100% 100%
}

.new-nav-page .nav-right .right-nav-item>a .icon-certification.user_grade_certification3 {
    background: url(/user2/public/images/new-level/vip-grade3.png) no-repeat;
    background-size: 100% 100%
}

.new-nav-page .nav-right .right-nav-item:nth-child(3)>a {
    color: #FFD591
}

.new-nav-page .nav-right .right-nav-item:nth-child(3):hover>a {
    color: #FFA940
}

.new-nav-page .nav-right .right-nav-item .subnav-warp {
    position: absolute;
    top: 54px;
    left: 50%;
    background: #FFF;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1019607843);
    z-index: 1001
}

.new-nav-page .nav-right .right-nav-item.login-nav-item {
    position: relative;
    display: none;
    margin-left: 16px;
    padding: 0
}

.new-nav-page .nav-right .right-nav-item.login-nav-item:hover {
    background: 0 0
}

.new-nav-page .nav-right .right-nav-item.login-nav-item:hover .register-txt-adv {
    display: none
}

.new-nav-page .nav-right .right-nav-item.login-nav-item .register-txt-adv {
    position: absolute;
    top: 46px;
    left: 50%;
    margin-left: -42px;
    width: 84px;
    padding: 8px 12px;
    font-size: 12px;
    color: #FFF;
    background: #06CD65;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 9
}

.new-nav-page .nav-right .right-nav-item.login-nav-item .register-txt-adv::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -12px;
    border: 6px solid transparent;
    border-bottom-color: #06CD65
}

.new-nav-page .nav-right .right-nav-item.login-nav-item .user-login-icon {
    display: inline-block;
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    color: #5c5c5c;
    background: #F8F8F8;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap
}

.new-nav-page .nav-right .right-nav-item.login-nav-item .user-login-icon:hover {
    color: #222;
    background: #DFDFDF
}

.new-nav-page .nav-right .right-nav-item.login-nav-item>a {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.new-nav-page .nav-right .right-nav-item.login-nav-item .user-img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.new-nav-page .nav-right .right-nav-item.login-nav-item .message-num {
    display: inline-block;
    position: absolute;
    left: 87%;
    top: -6px;
    margin-left: 0;
    padding: 0 4px;
    min-width: 18px;
    height: 16px;
    line-height: 16px;
    border-radius: 12px;
    font-size: 12px;
    color: #fff;
    background: #F53F3F;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}

.new-nav-page .nav-right .right-nav-item.login-nav-item.logined .not-login-content {
    display: none
}

.new-nav-page .nav-right .right-nav-item.lyk-hover.hover-css .subnav-model-classification {
    top: 64px;
    opacity: 1;
    visibility: inherit;
    -webkit-transition: all .5s;
    transition: all .5s
}

.new-nav-page .nav-right .right-nav-item.lyk-hover.hover-css .client-icon {
    background: url(/www3/lib/images/public/nav_icon_client_hover.gif);
    background-size: 100% 100%
}

.new-nav-page .nav-right .right-nav-item.lyk-hover .client-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/www3/lib/images/public/nav_icon_client.gif);
    background-size: 100% 100%
}

.new-nav-page .nav-right .right-nav-item.lyk-hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 16px;
    z-index: 2
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp {
    margin-left: -140px;
    padding: 16px 0 0;
    width: 280px
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp .title {
    margin-bottom: -8px;
    padding-left: 24px;
    color: #222;
    font-size: 16px;
    font-weight: 700
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp .upload-con-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 24px 8px 16px;
    border-bottom: 1px solid #DDD
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp .upload-con-list .upload-con-item {
    margin: 16px 0 0 8px;
    padding-top: 6px;
    width: 72px;
    height: 78px;
    text-align: center;
    font-size: 14px;
    color: #5c5c5c;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp .upload-con-list .upload-con-item .icon {
    font-size: 48px
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp .upload-con-list .upload-con-item:hover {
    color: #222;
    background: #EFEFEF;
    border-radius: 6px
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp .upload-btm-list {
    height: 56px;
    line-height: 56px;
    text-align: right
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp .upload-btm-list .upload-btm-item {
    display: inline-block;
    margin-right: 16px;
    padding: 0 6px;
    height: 24px;
    line-height: 24px;
    color: #a3a3a3;
    font-size: 14px
}

.new-nav-page .nav-right .right-nav-item .subnav-upload-warp .upload-btm-list .upload-btm-item:hover {
    color: #222;
    border-radius: 6px;
    background: #EFEFEF
}

.new-nav-page .nav-right .right-nav-item .subnav-recharge-warp {
    margin-left: -88px;
    padding: 24px 0;
    width: 176px;
    text-align: center
}

.new-nav-page .nav-right .right-nav-item .subnav-recharge-warp .recharge-item {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #5c5c5c;
    font-size: 16px
}

.new-nav-page .nav-right .right-nav-item .subnav-recharge-warp .recharge-item:hover {
    color: #222;
    background: #EFEFEF
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content {
    display: none;
    left: auto;
    right: -56px;
    padding: 0 29px 40px;
    width: 422px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 106px;
    height: 136px;
    background: url(/www3/lib/images/public/new-nav-icon.png) -136px -489px no-repeat;
    z-index: 1
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 156px;
    background: -webkit-gradient(linear, left top, left bottom, from(#AEB9C9), to(rgba(235, 235, 235, 0)));
    background: linear-gradient(180deg, #AEB9C9 0, rgba(235, 235, 235, 0) 100%);
    border-radius: 12px 12px 0 0
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-name {
    position: relative;
    padding-top: 35px;
    margin-bottom: 3px;
    text-align: center;
    color: #222;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    z-index: 1
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-info {
    position: relative;
    font-size: 12px;
    color: #5c5c5c;
    line-height: 15px;
    text-align: center;
    z-index: 1
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass {
    position: relative;
    margin: 13px auto 20px;
    padding: 16px 16px 0;
    background: linear-gradient(129deg, #F5C77D -1.29%, rgba(255, 255, 255, 0) 69.34%), linear-gradient(180deg, #FFF 71.71%, rgba(255, 255, 255, .8) 100%);
    border-radius: 12px;
    z-index: 1
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .title {
    margin-bottom: 12px;
    color: #4c2e12;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: .35px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .vip-info-tip {
    margin-left: 55px;
    width: 294px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #4c2e12;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#FBD38D), color-stop(.1%, #FBD38D), to(#E9AE5C));
    background: linear-gradient(90deg, #FBD38D 0, #FBD38D .1%, #E9AE5C 100%);
    border-radius: 12px 0
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .vip-gift-pack {
    display: none;
    margin-bottom: 16px;
    width: 365px;
    height: 65px;
    background: url(/www3/lib/images/public/new-nav-icon.png) -192px -153px no-repeat
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .vip-gift-pack span {
    display: inline-block;
    width: 95px;
    height: 32px;
    background: #fd6c07;
    border-radius: 4px;
    color: #fff;
    margin-left: 251px;
    margin-top: 17px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .vip-gift-pack span:hover {
    background: #F4672D;
    -webkit-box-shadow: 1px 2px 6px 0 rgba(255, 72, 54, .34);
    box-shadow: 1px 2px 6px 0 rgba(255, 72, 54, .34)
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .vip-gift-pack span.active {
    background: #DCC9C1 !important;
    cursor: default;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 72, 54, .34);
    box-shadow: 0 0 0 0 rgba(255, 72, 54, .34)
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight {
    margin-bottom: 4px;
    line-height: 1
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a {
    display: inline-block;
    text-align: center;
    width: 94px;
    margin-right: 20px;
    margin-bottom: 12px
}

.list-scroll-white .nav-right .right-nav-item>a .icon,
.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a:nth-of-type(3n),
.other-scroll-white .nav-right .right-nav-item>a .icon {
    margin-right: 0
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a:hover p {
    color: #edb566
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a i {
    display: inline-block;
    margin-bottom: 5px;
    width: 54px;
    height: 54px;
    background: url(https://static.3d66.com/public/images/icon-subnav-vip.png) -780px -70px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a i.icon-weight86 {
    background-position: -908px -70px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a i.icon-weight9 {
    background-position: -972px -70px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a:nth-of-type(2) i {
    background-position: -1036px -70px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a:nth-of-type(4) i {
    background-position: -844px -70px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a:nth-of-type(5) i {
    background-position: -1130px -64px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a:nth-of-type(6) i {
    background-position: -1130px 0
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-weight a p {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    line-height: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-operation {
    margin-bottom: 10px;
    text-align: right;
    line-height: 1
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-operation .href-vip-privilege {
    font-size: 12px;
    color: #999;
    line-height: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-operation .href-vip-privilege:hover {
    color: #4a443c
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-infoClass .subnav-vip-operation .href-vip-privilege i {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(https://static.3d66.com/public/images/icon-subnav-vip.png) -390px -127px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-operation {
    position: relative;
    display: block;
    margin: 24px auto auto;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 12px;
    background: -webkit-gradient(linear, left top, right top, from(#FBD38D), color-stop(.1%, #FBD38D), to(#E9AE5C));
    background: linear-gradient(90deg, #FBD38D 0, #FBD38D .1%, #E9AE5C 100%);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    z-index: 2
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-operation:hover {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px)
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-operation .tip {
    position: absolute;
    right: 0;
    top: -26px;
    width: 113px;
    height: 22px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
    background: #F53F3F;
    border-radius: 12px;
    z-index: 2
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content .vip-operation .tip::after {
    content: "";
    position: absolute;
    left: 7px;
    bottom: -11px;
    width: 0;
    height: 0;
    border-top: 7px solid #F53F3F;
    border-right: 7px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #F53F3F;
    z-index: 1
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-right::before,
.list-scroll-white:hover::after,
.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew::after,
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-right::before,
.other-scroll-white:hover::after,
.scroll-white:hover::after {
    content: none
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew {
    padding: 0 12px 23px;
    background: linear-gradient(156deg, #101729 .97%, #0F132C 87.36%)
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew::before {
    background-position: -10px -489px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew .vip-name {
    background-image: -webkit-gradient(linear, left top, right top, from(#FBD38D), color-stop(.1%, #FBD38D), to(#E9AE5C));
    background-image: linear-gradient(90deg, #FBD38D 0, #FBD38D .1%, #E9AE5C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew .vip-info {
    background-image: -webkit-gradient(linear, left top, right top, from(#FEE8CB), color-stop(46%, #FAE0B4), to(#F5D79C));
    background-image: linear-gradient(90deg, #FEE8CB 0, #FAE0B4 46%, #F5D79C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew .vip-infoClass {
    background: linear-gradient(129deg, #F5C77D -1.29%, rgba(255, 255, 255, 0) 69.34%), linear-gradient(180deg, #FFF 71.71%, #FFF 100%)
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew .vip-infoClass .title {
    color: #4c2e12
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew .vip-infoClass .vip-gift-pack {
    display: block
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew .vip-infoClass .vip-info-tip {
    margin-left: 88px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew .vip-infoClass .subnav-vip-weight a {
    width: 104px
}

.new-nav-page .nav-right .right-nav-item .subnav-vip-content.subnav-vip-renew .vip-operation .tip {
    display: none
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp {
    left: auto;
    right: 0
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content {
    width: 392px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-hd {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 24px;
    height: 88px;
    line-height: 88px;
    background: #222;
    border-radius: 12px 12px 0 0
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-hd::after {
    content: "";
    position: absolute;
    right: 9px;
    top: 0;
    width: 118px;
    height: 88px;
    background: url(/www3/lib/images/public/new-nav-icon.png) -430px -335px no-repeat
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-hd img {
    margin-right: 14px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-hd .hd-text {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-hd .hd-text>span {
    display: inline-block;
    margin-right: 14px;
    padding: 0 12px;
    height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3px 10px 25px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-bd .bd-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    width: 50%
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-bd .bd-item .item-icon {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    font-size: 20px;
    color: #FFB975;
    line-height: 30px;
    text-align: center;
    background: rgba(247, 186, 30, .2);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-bd .bd-item .title {
    font-size: 14px;
    color: #222;
    font-weight: 500;
    line-height: 20px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .not-login-content .not-login-bd .bd-item .desc {
    color: #c8c8c8;
    font-size: 12px;
    line-height: 17px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet {
    width: 344px;
    padding: 0 24px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px 16px 12px 12px;
    position: relative
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 125px;
    background: -webkit-gradient(linear, left top, left bottom, from(#4E5969), to(rgba(78, 89, 105, 0)));
    background: linear-gradient(180deg, #4E5969 0, rgba(78, 89, 105, 0) 100%);
    border-radius: 12px 12px 0 0
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet::after {
    content: "";
    position: absolute;
    right: 0;
    top: 32px;
    width: 113px;
    height: 97px;
    background: url(/www3/lib/images/public/new-nav-icon.png) -297px -335px no-repeat
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .vip-icon {
    display: none
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet.vip-member::before {
    height: 144px;
    background: linear-gradient(180deg, #1D2129 26.6%, rgba(0, 0, 0, 0) 121.6%), linear-gradient(105deg, #181818 2.92%, #424141 55.87%, #121212 99.32%)
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet.vip-member::after {
    background-position: -164px -335px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet.vip-member .vip-icon {
    display: block;
    position: absolute;
    top: 6px;
    right: 12px;
    width: 78px;
    height: 37px;
    background: url(/www3/lib/images/public/new-nav-icon.png) -577px -153px no-repeat
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet.vip-member .user-info .to-vip {
    display: none
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet.vip-member .user-info .user-info-headerimg .personal-information .name-personal {
    -webkit-text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, right top, from(#FBD38D), color-stop(.1%, #FBD38D), to(#E9AE5C));
    background: linear-gradient(90deg, #FBD38D 0, #FBD38D .1%, #E9AE5C 100%);
    -webkit-background-clip: text;
    background-clip: text
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info {
    position: relative;
    z-index: 1;
    margin-bottom: 16px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg {
    padding-top: 25px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait {
    float: left;
    margin-right: 7px;
    position: relative
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait .icon-certification {
    display: inline-block;
    position: absolute;
    right: 5px;
    bottom: 0;
    width: 22px;
    height: 22px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait .icon-certification.user_grade_certification1 {
    background: url(/user2/public/images/new-level/vip-grade1.png) no-repeat;
    background-size: 100% 100%
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait .icon-certification.user_grade_certification2 {
    background: url(/user2/public/images/new-level/vip-grade2.png) no-repeat;
    background-size: 100% 100%
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait .icon-certification.user_grade_certification3 {
    background: url(/user2/public/images/new-level/vip-grade3.png) no-repeat;
    background-size: 100% 100%
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information {
    padding-top: 2px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .name-personal {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 20px;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .user-id {
    font-size: 12px;
    color: #C9CDD4;
    margin-bottom: 7px;
    line-height: 15px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li {
    float: left;
    position: relative;
    margin-right: 8px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li:hover .vip-due-time {
    display: block
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li>a>.icon {
    font-size: 18px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time {
    display: none;
    position: absolute;
    right: -28px;
    top: 100%;
    z-index: 99;
    min-width: 260px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 11px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 11px 6px rgba(0, 0, 0, .16);
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -5px;
    right: 30px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time .vip-info {
    font-size: 12px;
    color: #666;
    display: inline-block;
    float: left
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time .vip-info span {
    color: #D1B06F
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time a {
    color: #3BC66F;
    float: right;
    font-size: 12px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time a .icon-direction_double_arrow_right_m {
    vertical-align: -1px;
    font-size: 12px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .to-vip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 12px auto 1px;
    padding: 0 8px;
    height: 40px;
    font-size: 14px;
    color: #5c5c5c;
    background: #EFEFEF;
    border-radius: 12px;
    cursor: pointer
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .to-vip .right-btn {
    width: 71px;
    height: 24px;
    font-size: 12px;
    color: #2b3653;
    line-height: 24px;
    text-align: center;
    border-radius: 800px;
    background: -webkit-gradient(linear, left top, right top, from(#FBD38D), color-stop(.1%, #FBD38D), to(#E9AE5C));
    background: linear-gradient(90deg, #FBD38D 0, #FBD38D .1%, #E9AE5C 100%)
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .subnav-currency {
    margin: 15px auto 0;
    padding: 16px;
    background: #FFF;
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1019607843)
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .subnav-currency>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .subnav-currency>ul>li {
    text-align: center
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .subnav-currency>ul>li:hover .num {
    color: #222;
    font-weight: 700
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .subnav-currency>ul>li .num {
    font-size: 16px;
    color: #5c5c5c;
    font-weight: 700;
    padding-bottom: 4px;
    line-height: 20px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .user-info .subnav-currency>ul>li .kinds-txt {
    font-size: 14px;
    color: #c8c8c8;
    line-height: 24px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .nav-tab-common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 24px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .nav-tab-common a {
    position: relative;
    font-size: 14px;
    color: #5C5C5C;
    text-align: center;
    line-height: 24px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .nav-tab-common a:hover {
    color: #222
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .nav-tab-common a:hover p.icon-common {
    background: #EFEFEF
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .nav-tab-common a p.icon-common {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 12px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 32px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .nav-tab-common a p.icon-common .icon {
    vertical-align: -3px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .nav-tab-common a .message-num {
    position: absolute;
    left: 50%;
    top: 12%;
    padding: 0 4px;
    min-width: 18px;
    height: 16px;
    line-height: 16px;
    border-radius: 12px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background: #F53F3F;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .link-user-administration a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    border-radius: 8px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .link-user-administration a em {
    margin-right: 8px;
    color: #C9CDD4;
    font-size: 20px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .link-user-administration a:hover {
    background: #EFEFEF
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .link-user-administration a:hover .icon-arrow,
.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .link-user-administration a:hover span {
    color: #222
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .link-user-administration a span {
    color: #5C5C5C;
    font-size: 14px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .link-user-administration a .icon-arrow {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    color: #C9CDD4
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .link-user-administration a .icon-arrow .icon {
    vertical-align: -2px
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .user-log-out {
    margin: 22px -24px 0;
    height: 48px;
    font-size: 14px;
    color: #C8C8C8;
    line-height: 48px;
    -webkit-box-shadow: 4px 0 10px 0 rgba(154, 154, 154, .1019607843);
    box-shadow: 4px 0 10px 0 rgba(154, 154, 154, .1019607843);
    text-align: center;
    cursor: pointer
}

.new-nav-page .nav-right .right-nav-item .subnav-login-warp .top-warp-contnet .common-functions .user-log-out:hover {
    color: #222
}

.left-nav-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 33, 41, .6);
    z-index: 1000;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.list-scroll-white .nav-right .right-nav-item.lyk-hover::after,
.other-scroll-white .nav-right .right-nav-item.lyk-hover::after,
.scroll-white .nav-right .right-nav-item.lyk-hover::after {
    height: 32px;
    bottom: -24px
}

.list-scroll-white,
.other-scroll-white,
.scroll-white {
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1019607843)
}

.list-scroll-white:hover,
.other-scroll-white:hover,
.scroll-white:hover {
    background: #FFF
}

.list-scroll-white:hover .nav-left .left-nav-list .left-nav-item:hover,
.other-scroll-white:hover .nav-left .left-nav-list .left-nav-item:hover,
.scroll-white:hover .nav-left .left-nav-list .left-nav-item:hover {
    background: #EFEFEF
}

.list-scroll-white .nav-left .logo,
.other-scroll-white .nav-left .logo,
.scroll-white .nav-left .logo {
    color: #06CD65
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.active>a,
.list-scroll-white .nav-left .left-nav-list .left-nav-item:hover>a,
.other-scroll-white .nav-left .left-nav-list .left-nav-item.active>a,
.other-scroll-white .nav-left .left-nav-list .left-nav-item:hover>a,
.scroll-white .nav-left .left-nav-list .left-nav-item.active>a,
.scroll-white .nav-left .left-nav-list .left-nav-item:hover>a {
    color: #222
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item:hover,
.other-scroll-white .nav-left .left-nav-list .left-nav-item:hover,
.scroll-white .nav-left .left-nav-list .left-nav-item:hover {
    background: #EFEFEF
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item>a,
.other-scroll-white .nav-left .left-nav-list .left-nav-item>a,
.scroll-white .nav-left .left-nav-list .left-nav-item>a {
    display: inline-block;
    color: #5C5C5C
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item>a .vr-free-icon,
.other-scroll-white .nav-left .left-nav-list .left-nav-item>a .vr-free-icon,
.scroll-white .nav-left .left-nav-list .left-nav-item>a .vr-free-icon {
    top: -16px
}

.list-scroll-white .nav-right .right-nav-item,
.other-scroll-white .nav-right .right-nav-item,
.scroll-white .nav-right .right-nav-item {
    color: #5C5C5C
}

.list-scroll-white .nav-right .right-nav-item:hover,
.other-scroll-white .nav-right .right-nav-item:hover,
.scroll-white .nav-right .right-nav-item:hover {
    color: #222;
    background: #EFEFEF
}

.list-scroll-white .nav-right .right-nav-item:hover>a,
.other-scroll-white .nav-right .right-nav-item:hover>a,
.scroll-white .nav-right .right-nav-item:hover>a {
    color: #222
}

.list-scroll-white .nav-right .right-nav-item>a,
.other-scroll-white .nav-right .right-nav-item>a,
.scroll-white .nav-right .right-nav-item>a {
    color: #5C5C5C
}

.list-scroll-white .nav-right .right-nav-item:nth-child(3)>a,
.other-scroll-white .nav-right .right-nav-item:nth-child(3)>a,
.scroll-white .nav-right .right-nav-item:nth-child(3)>a {
    color: #FA8C16
}

.list-scroll-white .nav-right .right-nav-item:nth-child(3):hover>a,
.other-scroll-white .nav-right .right-nav-item:nth-child(3):hover>a,
.scroll-white .nav-right .right-nav-item:nth-child(3):hover>a {
    color: #D46B08
}

.list-scroll-white .nav-right .right-nav-item.lyk-hover .client-icon,
.other-scroll-white .nav-right .right-nav-item.lyk-hover .client-icon,
.scroll-white .nav-right .right-nav-item.lyk-hover .client-icon {
    background: url(/www3/lib/images/public/nav_icon_client_white.gif);
    background-size: 100% 100%
}

.list-scroll-white .nav-right .right-nav-item.lyk-hover:hover .client-icon,
.other-scroll-white .nav-right .right-nav-item.lyk-hover:hover .client-icon,
.scroll-white .nav-right .right-nav-item.lyk-hover:hover .client-icon {
    background: url(/www3/lib/images/public/nav_icon_client_white_hover.gif);
    background-size: 100% 100%
}

.list-scroll-white .nav-right .right-nav-item.login-nav-item .user-login-icon,
.other-scroll-white .nav-right .right-nav-item.login-nav-item .user-login-icon,
.scroll-white .nav-right .right-nav-item.login-nav-item .user-login-icon {
    background: #fff;
    border: 1px solid #E5E6EB
}

.list-scroll-white .nav-right .right-nav-item.login-nav-item .user-login-icon:hover,
.other-scroll-white .nav-right .right-nav-item.login-nav-item .user-login-icon:hover,
.scroll-white .nav-right .right-nav-item.login-nav-item .user-login-icon:hover {
    color: #222;
    border-color: #000;
    background: #fff
}

.list-scroll-white .nav-right .search-active-right .right-nav-item>a,
.other-scroll-white .nav-right .search-active-right .right-nav-item>a {
    color: #A3A3A3
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item.hover-css .subnav-model-classification,
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item.hover-css .subnav-model-classification {
    top: 64px
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification,
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification {
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    min-height: 454px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left,
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left {
    margin-left: 35px
}

.list-scroll-white .nav-right,
.other-scroll-white .nav-right {
    margin-left: 24px
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(1),
.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(2),
.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(5),
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(1),
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(2),
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .cate_channel .list-class-left>ul>li:nth-child(5) {
    display: block
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .list-page-show,
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-left .list-page-show {
    display: inline-block
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item,
.list-scroll-white .nav-left .left-nav-list .left-nav-item.white-none {
    display: none
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-right,
.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-right {
    padding-top: 106px;
    width: 564px;
    background-color: #F8F8F8
}

.list-scroll-white {
    height: 80px
}

.list-scroll-white .nav-left .logo {
    padding-right: 8px
}

.list-scroll-white .nav-left .left-nav-list {
    position: relative;
    padding-left: 9px
}

.list-scroll-white .nav-left .left-nav-list::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 1px;
    height: 19px;
    background: #E5E6EB
}

.list-scroll-white .nav-right .right-nav-item:hover .subnav-warp,
.other-scroll-white .nav-right .right-nav-item:hover .subnav-warp {
    top: 62px
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item::after {
    bottom: -24px;
    height: 32px
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item {
    display: block;
    padding: 0;
    border-radius: 6px
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .default-css {
    display: none
}

.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .list-retract-css {
    display: block
}

.list-scroll-white .nav-right .right-nav-item {
    margin-left: 10px
}

.list-scroll-white .nav-right .right-nav-item::after {
    bottom: -38px;
    height: 39px
}

.list-scroll-white .nav-right .right-nav-item>a>span {
    display: none
}

.list-scroll-white .nav-search-content {
    display: block
}

.list-scroll-white .nav-search-content .relate-words-categories,
.other-scroll-white .nav-left .left-nav-list .left-nav-item.white-none,
.other-scroll-white .nav-right .right-nav-item>a>span {
    display: none
}

.other-scroll-white {
    height: 80px
}

.other-scroll-white.head-fixed {
    -webkit-box-shadow: none;
    box-shadow: none
}

.other-scroll-white .nav-left .left-nav-list .left-nav-item::after {
    bottom: -24px;
    height: 32px
}

.other-scroll-white .nav-right .right-nav-item {
    margin-left: 10px
}

.other-scroll-white .nav-right .right-nav-item::after {
    bottom: -38px;
    height: 39px
}

.other-scroll-white .nav-search-content {
    display: block
}

.other-scroll-white .nav-search-content .relate-words-categories {
    display: none
}

.head-fixed {
    position: fixed !important;
    width: 100% !important;
    left: 0;
    top: 0;
    right: 0
}

.vr-free-icon {
    position: absolute;
    top: -13px;
    right: -17px;
    width: 32px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    border-radius: 8px;
    background: #F5222D
}

@media screen and (max-width:1700px) {
    .new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification {
        left: 50%;
        margin-left: -390px
    }

    .new-nav-page.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification,
    .new-nav-page.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification {
        margin-left: 0;
        left: 0
    }

    .new-nav-page.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .cate_channel .list-class-left>ul>li,
    .new-nav-page.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .cate_channel .list-class-left>ul>li {
        margin-left: 60px
    }

    .new-nav-page.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-right,
    .new-nav-page.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .more-right {
        width: 464px
    }
}

@media screen and (max-width:1500px) {
    .new-nav-page {
        padding: 0 40px
    }

    .new-nav-page .nav-left .left-nav-list .left-nav-item {
        padding: 8px 16px
    }

    .new-nav-page .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .cate_channel .list-class-left>ul>li {
        margin-left: 40px
    }

    .new-nav-page .nav-right .right-nav-item {
        margin-left: 10px
    }

    .new-nav-page .nav-right .right-nav-item>a>span {
        display: none
    }

    .new-nav-page.list-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .cate_channel .list-class-left>ul>li,
    .new-nav-page.other-scroll-white .nav-left .left-nav-list .left-nav-item.more-nav-item .subnav-model-classification .cate_channel .list-class-left>ul>li {
        margin-left: 40px
    }
}

.privilege-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 99999999
}

.privilege-layer .privilege-content {
    position: relative;
    left: 50%;
    top: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 900px;
    height: 704px;
    border-radius: 0 0 16px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.privilege-layer .privilege-content .privilege-close-btn {
    position: absolute;
    top: 46px;
    right: -12px;
    z-index: 999;
    background: url(/public/layer/theme/default/icon.png) -149px -31px no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 0;
    cursor: pointer
}

.privilege-layer .privilege-hd-title {
    text-align: center;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    padding-bottom: 10px
}

.privilege-layer .privilege-hd-list {
    padding-top: 20px;
    width: 900px;
    height: 114px;
    background: url(https://img.3d66.com/new-admin/vip/20240718/new-vip-icon.png) -10px -10px no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.privilege-layer .privilege-hd-list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.privilege-layer .privilege-hd-list>li>div {
    position: relative;
    width: 33.33%;
    height: 94px;
    line-height: 94px;
    font-size: 20px;
    color: #222;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.privilege-layer .privilege-hd-list>li>div:nth-of-type(2) {
    padding-top: 2px;
    line-height: 1;
    font-weight: 700
}

.privilege-layer .privilege-hd-list>li>div .privilege-hd-btn {
    position: absolute;
    width: 110px;
    height: 40px;
    cursor: pointer;
    top: 31px;
    left: 95px;
    border-radius: 14px
}

.privilege-layer .privilege-bd-box {
    padding-right: 1px;
    overflow: hidden;
    border-radius: 0 0 16px 16px
}

.privilege-layer .privilege-bd-list {
    margin-top: -1px;
    height: 530px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.privilege-layer .privilege-bd-list::-webkit-scrollbar {
    width: 6px;
    border-radius: 3px
}

.privilege-layer .privilege-bd-list>li {
    width: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.privilege-layer .privilege-bd-list>li:nth-child(2n) {
    background: #fef9ef
}

.privilege-layer .privilege-bd-list>li:nth-child(2n)>div:nth-of-type(2) {
    background: -webkit-gradient(linear, left top, right top, from(#FFF7E5), to(#FDE4C6));
    background: linear-gradient(to right, #FFF7E5, #FDE4C6)
}

.privilege-layer .privilege-bd-list>li>div {
    margin: 0 auto;
    width: 33.33%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #AC7D46;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.privilege-layer .privilege-bd-list>li>div>i {
    display: inline-block
}

.privilege-layer .privilege-bd-list>li>div:nth-of-type(1) {
    padding-left: 24px;
    text-align: left
}

.privilege-layer .privilege-bd-list>li>div:nth-of-type(2) {
    background: -webkit-gradient(linear, left top, right top, from(#FFFCF3), to(#FFEFDB));
    background: linear-gradient(to right, #FFFCF3, #FFEFDB);
    border: 1px solid;
    border-color: transparent #F8E3C4
}

.privilege-layer .privilege-bd-list>li>div:nth-of-type(2)>i {
    width: 15px;
    height: 10px;
    background: url(https://img.3d66.com/new-admin/vip/20240718/new-vip-icon.png) -452px -368px no-repeat
}

.privilege-layer .privilege-bd-list>li>div:nth-of-type(3)>i {
    width: 11px;
    height: 11px;
    background: url(https://img.3d66.com/new-admin/vip/20240718/new-vip-icon.png) -295px -408px no-repeat
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.mask-www-input-search {
    width: 100%;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    background: rgba(29, 33, 41, .9);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.new-nav-label-ai {
    position: absolute;
    display: inline-block;
    left: 49px;
    top: -5px;
    width: 35px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    background: #F5222D;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    font-family: Roboto
}

.relate-words-categories {
    display: none
}

.new-www-nav {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(29, 33, 41, .6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    height: 64px;
    padding-top: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1004
}

.new-www-nav .nav-content {
    max-width: 1920px;
    min-width: 1400px;
    margin: auto;
    padding: 0 45px
}

.new-www-nav .nav-content .www-logo {
    color: #fff;
    font-size: 48px;
    float: left;
    line-height: 1
}

.new-www-nav .nav-content .www-nav-left {
    margin-left: 10px;
    float: left;
    padding-top: 12px
}

.new-www-nav .nav-content .www-nav-left>li {
    float: left;
    margin-right: 24px;
    padding-bottom: 23px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-www-nav .nav-content .www-nav-left>li:last-child,
.new-www-nav .nav-content .www-nav-left>li:nth-last-child(2) {
    margin-right: 0
}

.new-www-nav .nav-content .www-nav-left>li .nav-label-pay {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    border-radius: 12px;
    background: #ff4a3b;
    text-align: center;
    padding: 0 8px;
    white-space: nowrap;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: -17px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new-www-nav .nav-content .www-nav-left>li .nav-label-pay::before,
.new-www-nav .nav-content .www-nav-right>li .nav-label-pay::before {
    height: 0;
    border-left: 4px solid transparent;
    border-top: 4px solid #ff4a3b;
    border-right: 4px solid transparent;
    width: 0;
    content: ""
}

.new-www-nav .nav-content .www-nav-left>li .nav-label-pay::before {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new-www-nav .nav-content .www-nav-left>li.link-active>a {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-left>li.link-active::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background-color: #06CD65
}

.new-www-nav .nav-content .www-nav-left>li>a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li a:hover,
.new-www-nav .nav-content .www-nav-left>li>a:hover {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-left>li>a .icon-nav-more {
    margin-left: -4px;
    transition: all .2s;
    -webkit-transition: all .2s
}

.new-www-nav .nav-content .www-nav-left>li>a:hover .icon-nav-more {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.new-www-nav .nav-content .www-nav-left>li:hover>div {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: .5s;
    transition: .5s;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material {
    position: absolute;
    top: 50%;
    padding: 6px;
    left: -200px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content {
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li {
    margin-right: 40px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li a {
    display: block;
    color: #4E5969;
    font-size: 14px;
    margin-bottom: 16px;
    max-width: 84px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li a:first-child {
    font-weight: 700;
    width: 65px;
    font-size: 16px;
    overflow: initial;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E6EB;
    position: relative
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li a:first-child .icon-news-label {
    display: inline-block;
    width: 90px;
    height: 34px;
    background: url(/www3/lib/images/cad/icon-news-label.gif) no-repeat;
    position: absolute;
    top: -24px;
    margin-left: -6px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>a {
    float: left;
    display: inline-block;
    width: 150px;
    height: 60px;
    line-height: 60px;
    border-radius: 12px;
    font-size: 14px;
    color: #FFF;
    margin-right: 24px;
    margin-bottom: 24px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>a:nth-of-type(5n) {
    margin-right: 0
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>a:hover {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .4)
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .every_class {
    float: right;
    color: #86909C;
    font-size: 14px;
    margin-top: -8px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .every_class:hover {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .every_class:hover .icon-right-arrow {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate(2px, 0);
    transform: translate(2px, 0)
}

.new-www-nav .nav-content .www-nav-left>li .subnav-texture-material .texture-content .every_class .icon-right-arrow {
    font-size: 18px;
    vertical-align: -1px
}

.new-www-nav .nav-content .www-nav-left>li.exhibition-model-navigation .subnav-model-classification .nav-class-content,
.new-www-nav .nav-content .www-nav-left>li.exhibition-model-navigation .subnav-model-classification .nav-class-content .list-class-content,
.new-www-nav .nav-content .www-nav-left>li:first-child .subnav-model-classification .nav-class-content,
.new-www-nav .nav-content .www-nav-left>li:first-child .subnav-model-classification .nav-class-content .list-class-content {
    height: 480px
}

.new-www-nav .nav-content .www-nav-left>li.exhibition-model-navigation .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul,
.new-www-nav .nav-content .www-nav-left>li:first-child .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul {
    height: 405px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification {
    position: absolute;
    top: 50%;
    padding: 6px;
    left: -65px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content {
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    padding: 24px 0;
    height: 440px;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left {
    width: 193px;
    min-height: 240
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item {
    display: block;
    font-size: 16px;
    color: #4E5969;
    height: 48px;
    line-height: 48px;
    position: relative;
    padding-left: 55px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item>span.news-subnav-showcase {
    position: relative
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item>span.news-subnav-showcase i {
    position: absolute;
    right: -40px;
    display: inline-block;
    width: 47px;
    height: 18px;
    border-radius: 10px 0;
    background: #F53F3F;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item em {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 23px;
    top: 12px;
    font-size: 24px;
    line-height: 1
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item.active {
    background: rgba(41, 217, 120, .1);
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item .icon-right-arrow {
    font-size: 18px;
    position: absolute;
    right: 30px;
    top: 0
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content {
    position: absolute;
    background-color: #fff;
    white-space: nowrap;
    top: 6px;
    left: 189px;
    border-radius: 0 12px 12px 0;
    height: 440px;
    -webkit-box-shadow: 5px 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 5px 4px 8px 0 rgba(0, 0, 0, .1)
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content>div.active {
    display: block
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel {
    display: none;
    padding: 24px 0 24px 47px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 392px;
    background-color: #E5E6EB;
    position: absolute;
    left: 0
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .every_class {
    float: right;
    color: #86909C;
    font-size: 14px;
    margin-right: 40px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .every_class:hover {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .every_class .icon-right-arrow {
    font-size: 18px;
    vertical-align: -1px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum {
    width: 630px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a {
    display: inline-block;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
    width: 180px;
    height: 70px;
    padding: 11px 20px 10px;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .c-title {
    display: block;
    white-space: nowrap
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .c-title>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    font-weight: 700
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon1 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -230px -10px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon2 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -186px -180px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon3 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -10px -180px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon4 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -54px -180px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon5 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -98px -180px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon6 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -142px -180px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a:hover {
    border: 1px solid #3bc66f
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a:hover .c-title>span {
    color: #3bc66f
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a>p {
    margin-top: 10px;
    display: block;
    white-space: nowrap
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a>p>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #999
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a>p .vip_line_col {
    color: red;
    line-height: 20px;
    margin-top: -8px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .line {
    width: 1px;
    height: 10px;
    margin: 0 6px;
    background-color: #eee
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 365px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul.cate_exhibition_booth>li a {
    max-width: 100px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul>li {
    margin-right: 40px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul>li a {
    display: block;
    color: #4E5969;
    font-size: 14px;
    margin-bottom: 16px;
    max-width: 84px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul>li a:first-child {
    font-weight: 700;
    width: 65px;
    font-size: 16px;
    overflow: initial;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E6EB
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul>li a:hover {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content,
.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content {
    height: 402px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .list-class-content {
    left: 176px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .list-class-content .cate_channel::before {
    height: 300px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .nav-class-left {
    width: 180px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .nav-class-left>a.cate_menu_item {
    padding-left: 24px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-cad-model .list-class-content,
.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-cad-model .nav-class-content {
    height: 577px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-cad-model .list-class-content .cate_channel::before {
    height: 529px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-cad-model .list-class-content .cate_channel>ul {
    height: 100%
}

.new-www-nav .nav-content .www-nav-left>li .subnav-cloud-library {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 6px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new-www-nav .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content {
    background: #FFF;
    border-radius: 12px;
    padding: 24px;
    width: 548px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.new-www-nav .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content img {
    margin-bottom: 30px;
    width: 500px;
    height: 250px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-learn-more {
    display: block;
    width: 156px;
    height: 40px;
    line-height: 40px;
    background: #06CD65;
    border-radius: 6px;
    color: #fff;
    margin: auto;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.new-www-nav .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-learn-more:hover {
    background: #29D978
}

.new-www-nav .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-learn-more:focus {
    background: #00A656
}

.new-www-nav .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-learn-more .icon-right-arrow {
    font-size: 18px;
    vertical-align: -1px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-text {
    color: #4E5969;
    font-size: 14px;
    margin-bottom: 32px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 6px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    min-width: 160px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category.vr-more-category ul {
    width: 144px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category.vr-more-category ul li a {
    padding-left: 0;
    text-align: center
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category .subnav-overflow {
    max-height: 540px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden visible;
    width: 160px;
    background: #FFF;
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category .subnav-overflow>ul {
    background-color: transparent
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul {
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: 24px 0
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li {
    line-height: 48px;
    position: relative
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li:hover {
    background: #E6FFEE
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li:hover>a {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li:hover .subnav-center-warp {
    display: block
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li>a {
    display: block;
    font-size: 16px;
    color: #4E5969;
    padding-left: 40px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li>a .new-nav-label {
    display: inline-block;
    width: 42px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 10px 0;
    background: #F53F3F;
    color: #fff;
    position: absolute;
    top: 5px;
    margin-left: 3px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp {
    display: none;
    position: absolute;
    left: 100%;
    padding: 5px;
    top: 0
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp .subordinate-content {
    width: 150px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: 24px 0
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp .subordinate-content>a {
    display: block;
    color: #86909C;
    font-size: 14px;
    line-height: 24px;
    padding-left: 40px;
    margin-bottom: 16px
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp .subordinate-content>a:last-child {
    margin-bottom: 0
}

.new-www-nav .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp .subordinate-content>a:hover {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-right {
    float: right;
    padding-top: 8px
}

.new-www-nav .nav-content .www-nav-right>li {
    float: left;
    position: relative;
    margin-left: 16px;
    padding-bottom: 16px;
    line-height: 1
}

.new-www-nav .nav-content .www-nav-right>li:first-child {
    margin-left: 0
}

.new-www-nav .nav-content .www-nav-right>li.is_logined {
    min-width: 32px
}

.new-www-nav .nav-content .www-nav-right>li.is_logined:hover .subnav-center-warp {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.new-www-nav .nav-content .www-nav-right>li.is_logined .user-img {
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.new-www-nav .nav-content .www-nav-right>li .nav-label-pay {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    border-radius: 12px;
    background: #ff4a3b;
    text-align: center;
    padding: 0 8px;
    white-space: nowrap;
    height: 16px;
    line-height: 16px;
    line-height: 15px;
    position: absolute;
    top: -13px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new-www-nav .nav-content .www-nav-right>li .nav-label-pay::before {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.new-www-nav .nav-content .www-nav-right>li .nav-search {
    font-size: 32px;
    color: #fff;
    cursor: pointer
}

.new-www-nav .nav-content .www-nav-right>li .nav-search:hover {
    color: #29D978
}

.new-www-nav .nav-content .www-nav-right>li .user-login-icon {
    display: inline-block;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer
}

.new-www-nav .nav-content .www-nav-right>li .user-login-icon:hover {
    color: #29D978
}

.new-www-nav .nav-content .www-nav-right>li .icon-nav-recharge {
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.new-www-nav .nav-content .www-nav-right>li .icon-nav-recharge:hover {
    color: #29D978
}

.new-www-nav .nav-content .www-nav-right>li .icon-nav-recharge .icon {
    margin-top: 4px
}

.new-www-nav .nav-content .www-nav-right>li .icon-nav-recharge .icon-nav-name {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 5px
}

.new-www-nav .nav-content .www-nav-right>li .icon-nav-recharge>i {
    position: absolute;
    top: 4px;
    right: -2px;
    border-radius: 8px;
    width: 6px;
    height: 6px;
    background: red
}

.new-www-nav .nav-content .www-nav-right>li .icon-nav-recharge>i.red-msg-icon {
    top: -12px;
    font-size: 12px;
    right: -10px;
    width: auto;
    height: auto;
    padding: 2px;
    min-width: 16px;
    text-align: center;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1
}

.new-www-nav .nav-content .www-nav-right>li .btn-nav-upload {
    display: inline-block;
    width: 128px;
    height: 32px;
    line-height: 32px;
    background: #06CD65;
    border-radius: 6px;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 16px
}

.new-www-nav .nav-content .www-nav-right>li .btn-nav-upload:hover {
    background: #29D978
}

.new-www-nav .nav-content .www-nav-right>li .btn-nav-upload i {
    vertical-align: -2px;
    font-size: 22px
}

.new-www-nav .nav-content .www-nav-right>li:hover>div.subnav-center-warp,
.new-www-nav .nav-content .www-nav-right>li:hover>div.subnav-vip-drop-down {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp {
    padding: 6px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list {
    width: 180px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: 24px 0;
    position: relative
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li {
    line-height: 48px;
    position: relative
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li:hover {
    background: #E6FFEE
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li:hover>a {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li:hover .subnav-center-warp {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li>a {
    display: block;
    font-size: 16px;
    color: #4E5969;
    padding-left: 40px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li.upload-image {
    width: 215px;
    height: 242px;
    background: url(/public/images/upload-code.png) no-repeat;
    position: absolute;
    left: -242px;
    top: 0;
    -webkit-box-shadow: 0 0 16px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 16px 4px rgba(0, 0, 0, .1);
    border-radius: 12px;
    display: none
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet {
    width: 383px;
    height: 450px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.bg_generally {
    background: url(/www3/lib/images/www/nav_personal_center_pop_top_bg_generally.png) 0 -2px no-repeat #fff
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.bg_generally .name-personal,
.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.bg_generally .subnav-currency>ul>li .num {
    color: #1D2129
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.vip-member {
    background: url(/www3/lib/images/www/nav_personal_center_pop_top_bg_vip.png) 0 -2px no-repeat #fff
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.vip-member .name-personal,
.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.vip-member .subnav-currency>ul>li .num {
    color: #F2C098
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info {
    margin-bottom: 35px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg {
    padding: 25px 0 0 24px;
    margin-bottom: 16px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait {
    float: left;
    margin-right: 16px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information {
    padding-top: 2px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .name-personal {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
    line-height: 1;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .user-id {
    font-size: 12px;
    color: #C9CDD4;
    margin-bottom: 8px;
    line-height: 1
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li {
    float: left;
    position: relative;
    padding-bottom: 7px;
    margin-right: 4px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li:hover .vip-due-time {
    display: block
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li>a>.icon {
    font-size: 20px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time {
    display: none;
    position: absolute;
    left: -28px;
    top: 100%;
    z-index: 99;
    min-width: 260px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 11px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 11px 6px rgba(0, 0, 0, .16);
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    left: 30px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time .vip-info {
    font-size: 12px;
    color: #666;
    display: inline-block;
    float: left
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time .vip-info span {
    color: #D1B06F
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time a {
    color: #3BC66F;
    float: right;
    font-size: 12px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time a .icon-direction_double_arrow_right_m {
    vertical-align: -1px;
    font-size: 12px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency {
    padding: 0 10px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency>ul>li {
    text-align: center
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency>ul>li .num {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 21px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency>ul>li .kinds-txt {
    font-size: 14px;
    color: #4E5969;
    line-height: 24px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 33px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common a {
    font-size: 14px;
    color: #1D2129;
    text-align: center
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common a:hover {
    color: #29D978
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common a:hover p.icon-common {
    background: rgba(41, 217, 120, .1)
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common a p.icon-common {
    width: 56px;
    height: 56px;
    background: #F2F2F2;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 12px;
    padding-top: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 32px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration {
    padding: 0 24px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 27px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a em {
    color: #C9CDD4;
    position: absolute;
    left: 0;
    top: -4px;
    font-size: 22px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a:hover .icon-arrow,
.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a:hover span {
    color: #29D978
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a span {
    color: #1D2129
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a .icon-arrow {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 21px;
    color: #4E5969
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration .user-log-out {
    margin-top: 30px;
    font-size: 16px;
    color: #86909C;
    line-height: 24px;
    border-top: 1px solid #E5E6EB;
    padding-top: 14px;
    text-align: center;
    cursor: pointer
}

.new-www-nav .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration .user-log-out:hover {
    color: #29D978
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp {
    padding: 6px;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    display: none
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet {
    width: 388px;
    height: 530px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab {
    background: #F2F3F5;
    height: 58px;
    line-height: 56px;
    padding: 0 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 12px 12px 0 0
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a {
    display: inline-block;
    font-size: 14px;
    color: #1D2129;
    cursor: pointer;
    position: relative
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a.active {
    color: #06CD65;
    font-weight: 700;
    border-bottom: 2px solid #06CD65
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a:hover {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a i {
    position: absolute;
    top: 15px;
    right: -7px;
    background: red;
    border-radius: 8px;
    width: 6px;
    height: 6px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a i.red-msg-icon {
    display: none;
    top: 10px;
    right: -15px;
    font-size: 12px;
    width: auto;
    min-width: 16px;
    text-align: center;
    line-height: 1;
    color: #fff;
    height: auto;
    letter-spacing: -1px;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content {
    min-height: 300px;
    overflow-y: auto;
    margin-bottom: 16px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li {
    position: relative;
    padding: 18px 20px 8px 82px;
    border-bottom: 1px solid #E5E6EB
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .icon-msg {
    position: absolute;
    left: 24px;
    top: 18px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: #F2F3F5;
    color: #06CD65;
    border-radius: 50%;
    font-size: 28px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .message-title {
    color: #4E5969;
    font-size: 14px;
    margin-bottom: 6px;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .message-title a {
    color: #4E5969
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .message-title a:hover {
    color: #06CD65
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .list-msg-item {
    font-size: 12px;
    color: #C9CDD4;
    font-weight: 400
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li.msg-no-data {
    width: 175px;
    margin: 0 auto 30px;
    padding: 50px 0 0;
    border-bottom: 0
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li.msg-no-data span {
    display: inline-block;
    width: 175px;
    height: 156px;
    background: url(/user/html/homepage/img/noCollectionYet-img.png) no-repeat;
    margin-bottom: 10px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li.msg-no-data p {
    font-size: 12px;
    text-align: center;
    color: #666
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .view-all-messages {
    text-align: center
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .view-all-messages>a {
    display: none;
    width: 105px;
    margin: auto;
    font-size: 14px;
    color: #86909C;
    cursor: pointer
}

.new-www-nav .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .view-all-messages>a:hover {
    color: #29D978
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down {
    position: absolute;
    left: -165px;
    top: 50%;
    padding: 6px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content {
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 8px 18px 0 rgba(57, 57, 57, .22);
    box-shadow: 0 8px 18px 0 rgba(57, 57, 57, .22);
    display: none
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title {
    padding-top: 30px;
    width: 380px;
    height: 126px;
    background: url(/public/images/icon-subnav-vip.png);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-name {
    text-align: center;
    line-height: 1;
    color: #411600;
    font-size: 18px;
    margin-bottom: 10px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-info {
    font-size: 12px;
    color: #411600;
    opacity: .6;
    line-height: 1;
    text-align: center
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-operation {
    position: relative;
    display: block;
    margin: 24px auto auto;
    font-size: 14px;
    font-weight: 700;
    color: #90461b;
    width: 304px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#fbd38d), to(#e9ae5c));
    background: linear-gradient(90deg, #fbd38d, #e9ae5c);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-operation:hover {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px)
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-operation .subnav-daily-just {
    display: inline-block;
    position: absolute;
    width: 114px;
    height: 30px;
    background: url(/public/images/icon-subnav-vip.png) -1194px 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    top: -14px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-infoClass {
    width: 331px;
    margin: 22px auto 20px;
    position: relative
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-infoClass p {
    width: 215px;
    font-size: 14px;
    color: #333;
    margin: auto;
    text-align: center;
    line-height: 18px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-infoClass i {
    display: inline-block;
    position: absolute;
    top: 7px;
    width: 331px;
    height: 2px;
    background: url(/public/images/icon-subnav-vip.png) 0 -136px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-rights {
    width: 333px;
    height: 36px;
    line-height: 36px;
    background: #F1F1F1;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #B2693B;
    margin: 0 auto 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-rights .icon-vip-rights {
    width: 27px;
    height: 19px;
    display: inline-block;
    background: url(/public/images/icon-subnav-vip.png) -1198px -39px;
    vertical-align: middle;
    margin-top: -4px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight {
    padding-left: 35px;
    line-height: 1
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a {
    display: inline-block;
    text-align: center;
    width: 90px;
    margin-right: 20px;
    margin-bottom: 20px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:hover p {
    color: #edb566
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(3n) {
    margin-right: 0
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a i {
    display: inline-block;
    margin-bottom: 5px;
    width: 54px;
    height: 54px;
    background: url(/public/images/icon-subnav-vip.png) -780px -70px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a i.icon-weight86 {
    background-position: -908px -70px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a i.icon-weight9 {
    background-position: -972px -70px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(2) i {
    background-position: -1036px -70px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(4) i {
    background-position: -844px -70px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(5) i {
    background-position: -1130px -64px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(6) i {
    background-position: -1130px 0
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a p {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    line-height: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation {
    text-align: center;
    margin-top: 22px;
    line-height: 1
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .btn-vip-renew {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #e9af5d;
    width: 304px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #f3d498;
    border-radius: 6px;
    margin: 0 auto 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .btn-vip-renew:hover {
    background: -webkit-gradient(linear, left top, right top, from(#FBD38D), to(#E9AE5C));
    background: linear-gradient(90deg, #FBD38D, #E9AE5C);
    color: #90461B
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .href-vip-privilege {
    font-size: 12px;
    color: #999;
    line-height: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .href-vip-privilege:hover {
    color: #4a443c
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .href-vip-privilege i {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/public/images/icon-subnav-vip.png) -390px -127px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-gift-pack {
    display: block;
    width: 340px;
    height: 60px;
    margin: 33px auto 0;
    background: url(/public/images/icon-subnav-vip.png) -780px 0
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-gift-pack span {
    display: inline-block;
    width: 86px;
    height: 28px;
    background: #fb6b30;
    border-radius: 4px;
    color: #fff;
    margin-left: 234px;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    margin-top: 16px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-gift-pack span:hover {
    background: #F4672D;
    -webkit-box-shadow: 1px 2px 6px 0 rgba(255, 72, 54, .34);
    box-shadow: 1px 2px 6px 0 rgba(255, 72, 54, .34)
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-gift-pack span.active {
    background: #DCC9C1 !important;
    cursor: default;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 72, 54, .34);
    box-shadow: 0 0 0 0 rgba(255, 72, 54, .34)
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.whole-super-vip .vip-name {
    margin-bottom: 38px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.about-to-expire .subnav-vip-title .vip-info {
    color: #FC2B2B
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.about-to-expire .vip-infoClass {
    width: 270px;
    margin-top: 23px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.about-to-expire .vip-infoClass i {
    width: 270px;
    background: url(/public/images/icon-subnav-vip.png) -409px -127px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.subnav-vip-renew .subnav-vip-title {
    width: 380px;
    height: 117px;
    padding-top: 39px;
    background: url(/public/images/icon-subnav-vip.png) -390px 0
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.subnav-vip-renew .subnav-vip-title .vip-info {
    color: #999
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.subnav-vip-renew .vip-gift-pack,
.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.subnav-vip-renew .vip-infoClass {
    margin-top: 20px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 385px;
    height: 455px;
    display: none;
    padding-top: 357px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity .vip-rule {
    position: absolute;
    right: 35px;
    top: 20px;
    width: 50px;
    height: 17px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity .vip-rule p {
    position: absolute;
    right: -15px;
    top: 100%;
    display: none;
    width: 350px;
    height: 236px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity .vip-rule:hover p {
    display: block
}

.new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity a.vip-operation {
    display: inline-block;
    width: 132px;
    height: 45px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-upload-activity {
    display: none;
    width: 320px;
    height: 280px;
    background: url(/public/images/upload-activity.png) no-repeat;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    z-index: 101
}

.new-www-nav .nav-content .www-nav-right>li .subnav-upload-activity a {
    display: inline-block;
    width: 130px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500
}

.new-www-nav .nav-content .www-nav-right>li .subnav-upload-activity a.model-to-version {
    margin-top: 228px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-upload-activity a.vr-img-synthesis {
    color: #E96A53;
    background: #F9ECE2
}

.new-www-nav .nav-content .www-nav-right>li .subnav-upload-activity a.model-publishing {
    display: block;
    width: 100%;
    height: 227px;
    margin-bottom: 0
}

.new-www-nav .nav-content .www-nav-right>li .subnav-upload-share {
    display: none;
    width: 380px;
    height: 317px;
    background: url(/user/images/upload-model/share/upload-activity.png) no-repeat;
    text-align: center;
    -webkit-box-sizing: border-box;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    z-index: 101;
    box-sizing: border-box;
    padding-top: 252px
}

.new-www-nav .nav-content .www-nav-right>li .subnav-upload-share .share-link {
    display: inline-block;
    width: 234px;
    height: 40px
}

.other-top-head {
    min-width: 1400px;
    background: rgba(255, 255, 255, .8);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    height: 64px;
    /* padding-top: 8px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    /* padding-right: 46px; */
    position: relative;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.other-top-head.head-fixed {
    position: fixed;
    left: 0;
    top: 0;
    right: 0
}

.other-top-head .nav-content {
    max-width: 1920px;
    margin: auto
}

.other-top-head .nav-content .other-head-logo {
    float: left;
    background-color: #06CD65;
    width: 131px;
    height: 64px;
    margin-top: -8px;
    text-align: center;
    line-height: 5px;
    color: #fff;
    font-size: 100px
}

.other-top-head .nav-content .other-head-logo .icon {
    height: .5em
}

.other-top-head .nav-content .www_input_search {
    float: left;
    width: 666px;
    height: 40px;
    background: rgba(242, 243, 245, .6);
    border-radius: 6px;
    border: 1px solid #E5E6EB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 8px;
    margin-left: 60px;
    margin-top: 4px;
    cursor: pointer
}

.other-top-head .nav-content .www_input_search .search-placeholder {
    float: left;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #C9CDD4
}

.other-top-head .nav-content .www_input_search .select-class {
    float: left;
    width: 89px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #4E5969;
    position: relative;
    margin-right: 12px
}

.other-top-head .nav-content .www_input_search .select-class::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 14px;
    background: #C9CDD4;
    position: absolute;
    right: 0;
    top: 5px
}

.other-top-head .nav-content .www_input_search .select-class .icon {
    font-size: 16px;
    color: #C9CDD4;
    position: absolute;
    right: 10px;
    top: 3px
}

.other-top-head .nav-content .www_input_search .icon-search {
    position: absolute;
    right: 18px;
    top: 4px;
    font-size: 30px;
    color: #86909C
}

.other-top-head .nav-content .www-nav-left {
    margin-left: 10px;
    float: left;
    padding-top: 12px
}

.other-top-head .nav-content .www-nav-left>li {
    float: left;
    margin-right: 24px;
    padding-bottom: 20px;
    position: relative
}

.other-top-head .nav-content .www-nav-left>li:last-child {
    margin-right: 0
}

.other-top-head .nav-content .www-nav-left>li .nav-label-pay {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    border-radius: 12px;
    background: #ff4a3b;
    text-align: center;
    padding: 0 8px;
    white-space: nowrap;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: -17px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.other-top-head .nav-content .www-nav-left>li .nav-label-pay::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid #ff4a3b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.other-top-head .nav-content .www-nav-left>li.link-active {
    border-bottom: 3px solid #06CD65
}

.other-top-head .nav-content .www-nav-left>li.link-active>a {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-left>li>a {
    display: inline-block;
    color: #4E5969;
    font-size: 16px;
    font-weight: 400
}

.other-top-head .nav-content .www-nav-left>li>a .icon-nav-more {
    margin-left: -4px;
    transition: all .2s;
    -webkit-transition: all .2s
}

.other-top-head .nav-content .www-nav-left>li>a .icon-nav-load {
    font-size: 34px;
    color: #575B66;
    margin-top: -7px
}

.other-top-head .nav-content .www-nav-left>li>a:hover,
.other-top-head .nav-content .www-nav-left>li>a:hover .icon-nav-load {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-left>li>a:hover .icon-nav-more {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.other-top-head .nav-content .www-nav-left>li:hover>div {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material {
    position: absolute;
    top: 50%;
    padding: 6px;
    left: -200px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content {
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li {
    margin-right: 40px
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li a {
    display: block;
    color: #4E5969;
    font-size: 14px;
    margin-bottom: 16px;
    max-width: 84px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li a:first-child {
    font-weight: 700;
    width: 65px;
    font-size: 16px;
    overflow: initial;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E6EB;
    position: relative
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li a:first-child .icon-news-label {
    display: inline-block;
    width: 90px;
    height: 34px;
    background: url(/www3/lib/images/cad/icon-news-label.gif) no-repeat;
    position: absolute;
    top: -24px;
    margin-left: -6px
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>ul>li a:hover {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>a {
    float: left;
    display: inline-block;
    width: 150px;
    height: 60px;
    line-height: 60px;
    border-radius: 12px;
    font-size: 14px;
    color: #FFF;
    margin-right: 24px;
    margin-bottom: 24px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>a:nth-of-type(5n) {
    margin-right: 0
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .list-texture-material>a:hover {
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .4)
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .every_class {
    float: right;
    color: #86909C;
    font-size: 14px;
    margin-top: -8px
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .every_class:hover {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-left>li .subnav-texture-material .texture-content .every_class .icon-right-arrow {
    font-size: 18px;
    vertical-align: -1px
}

.other-top-head .nav-content .www-nav-left>li.exhibition-model-navigation .subnav-model-classification .nav-class-content,
.other-top-head .nav-content .www-nav-left>li.exhibition-model-navigation .subnav-model-classification .nav-class-content .list-class-content,
.other-top-head .nav-content .www-nav-left>li:first-child .subnav-model-classification .nav-class-content,
.other-top-head .nav-content .www-nav-left>li:first-child .subnav-model-classification .nav-class-content .list-class-content {
    height: 480px
}

.other-top-head .nav-content .www-nav-left>li.exhibition-model-navigation .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul,
.other-top-head .nav-content .www-nav-left>li:first-child .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul {
    height: 405px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification {
    position: absolute;
    top: 50%;
    padding: 6px;
    left: -65px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content {
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    padding: 24px 0;
    height: 440px;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left {
    width: 193px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item {
    display: block;
    font-size: 16px;
    color: #4E5969;
    height: 48px;
    line-height: 48px;
    position: relative;
    padding-left: 55px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item .icon-nav_3d_su_dropmenu_icon_soft_case {
    font-size: 24px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item>span.news-subnav-showcase {
    position: relative
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item>span.news-subnav-showcase i {
    position: absolute;
    right: -40px;
    display: inline-block;
    width: 47px;
    height: 18px;
    border-radius: 10px 0;
    background: #F53F3F;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item em {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 23px;
    top: 12px;
    font-size: 24px;
    line-height: 1
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item.active {
    background: rgba(41, 217, 120, .1);
    color: #06CD65
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .nav-class-left>a.cate_menu_item .icon-right-arrow {
    font-size: 18px;
    position: absolute;
    right: 30px;
    top: 0
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content {
    position: absolute;
    background-color: #fff;
    white-space: nowrap;
    top: 6px;
    left: 189px;
    border-radius: 0 12px 12px 0;
    height: 440px;
    -webkit-box-shadow: 5px 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 5px 4px 8px 0 rgba(0, 0, 0, .1)
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content>div.active {
    display: block
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel {
    display: none;
    padding: 24px 0 24px 47px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 392px;
    background-color: #E5E6EB;
    position: absolute;
    left: 0
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .every_class {
    float: right;
    color: #86909C;
    font-size: 14px;
    margin-right: 40px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .every_class:hover {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .every_class .icon-right-arrow {
    font-size: 18px;
    vertical-align: -1px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum {
    width: 630px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a {
    display: inline-block;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
    width: 180px;
    height: 70px;
    padding: 11px 20px 10px;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .c-title {
    display: block;
    white-space: nowrap
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .c-title>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    font-weight: 700
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon1 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -230px -10px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon2 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -186px -180px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon3 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -10px -180px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon4 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -54px -180px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon5 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -98px -180px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .course-icon6 {
    margin-right: 9px;
    width: 24px;
    height: 24px;
    background: url(/www2/images/index_base_icon/index_header_icon.png) -142px -180px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a:hover {
    border: 1px solid #3bc66f
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a:hover .c-title>span {
    color: #3bc66f
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a>p {
    margin-top: 10px;
    display: block;
    white-space: nowrap
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a>p>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #999
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a>p .vip_line_col {
    color: red;
    line-height: 20px;
    margin-top: -8px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum a .line {
    width: 1px;
    height: 10px;
    margin: 0 6px;
    background-color: #eee
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 365px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul.cate_exhibition_booth>li a {
    max-width: 100px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul>li {
    margin-right: 40px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul>li a {
    display: block;
    color: #4E5969;
    font-size: 14px;
    margin-bottom: 16px;
    max-width: 84px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul>li a:first-child {
    font-weight: 700;
    width: 65px;
    font-size: 16px;
    overflow: initial;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E6EB
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel>ul>li a:hover {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content,
.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content {
    height: 402px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .list-class-content {
    left: 175px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .list-class-content .cate_channel::before {
    height: 300px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .nav-class-left {
    width: 180px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .nav-class-left>a.cate_menu_item {
    padding-left: 24px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-cad-model .list-class-content,
.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-cad-model .nav-class-content {
    height: 577px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-cad-model .list-class-content .cate_channel::before {
    height: 529px
}

.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-cad-model .list-class-content .cate_channel>ul {
    height: 100%
}

.other-top-head .nav-content .www-nav-left>li .subnav-cloud-library {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 6px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.other-top-head .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content {
    background: #FFF;
    border-radius: 12px;
    padding: 24px;
    width: 548px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.other-top-head .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content img {
    margin-bottom: 30px;
    width: 500px;
    height: 250px
}

.other-top-head .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-learn-more {
    display: block;
    width: 156px;
    height: 40px;
    line-height: 40px;
    background: #06CD65;
    border-radius: 6px;
    color: #fff;
    margin: auto;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.other-top-head .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-learn-more:hover {
    background: #29D978
}

.other-top-head .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-learn-more:focus {
    background: #00A656
}

.other-top-head .nav-content .www-nav-left>li .subnav-cloud-library .cloud-content .cloud-text {
    color: #4E5969;
    font-size: 14px;
    margin-bottom: 32px
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 6px;
    min-width: 160px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category.vr-more-category ul {
    width: 144px
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category.vr-more-category ul li a {
    padding-left: 0;
    text-align: center
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category .subnav-overflow {
    max-height: 540px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden visible;
    width: 160px;
    background: #FFF;
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category .subnav-overflow>ul {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .1)
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    padding: 24px 0;
    border-radius: 12px;
    background: #FFF
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li {
    line-height: 48px;
    position: relative
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li:hover {
    background: #E6FFEE
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li:hover>a {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li:hover .subnav-center-warp {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: .2s;
    transition: .2s;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li>a {
    display: block;
    font-size: 16px;
    color: #4E5969;
    padding-left: 40px
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li>a .new-nav-label {
    display: inline-block;
    width: 42px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 10px 0;
    background: #F53F3F;
    color: #fff;
    position: absolute;
    top: 5px;
    margin-left: 3px
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp {
    position: absolute;
    left: 100%;
    padding: 5px;
    top: -20%;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp .subordinate-content {
    width: 150px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: 24px 0
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp .subordinate-content>a {
    display: block;
    color: #86909C;
    font-size: 14px;
    line-height: 24px;
    padding-left: 40px;
    margin-bottom: 16px
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp .subordinate-content>a:last-child {
    margin-bottom: 0
}

.other-top-head .nav-content .www-nav-left>li .subnav-more-category ul li .subnav-center-warp .subordinate-content>a:hover {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-right {
    float: right;
    padding-top: 8px;
    margin-right: 10px
}

.other-top-head .nav-content .www-nav-right>li {
    float: left;
    position: relative;
    margin-left: 16px;
    padding-bottom: 16px;
    line-height: 1
}

.other-top-head .nav-content .www-nav-right>li:first-child {
    margin-left: 0
}

.other-top-head .nav-content .www-nav-right>li.is_logined {
    min-width: 32px
}

.other-top-head .nav-content .www-nav-right>li.is_logined:hover .subnav-center-warp {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.other-top-head .nav-content .www-nav-right>li.is_logined .user-img {
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.other-top-head .nav-content .www-nav-right>li .nav-label-pay {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    border-radius: 12px;
    background: #ff4a3b;
    text-align: center;
    padding: 0 8px;
    white-space: nowrap;
    height: 16px;
    line-height: 16px;
    position: absolute;
    top: -13px;
    left: 53%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.other-top-head .nav-content .www-nav-right>li .nav-label-pay::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid #ff4a3b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.other-top-head .nav-content .www-nav-right>li .nav-search {
    font-size: 32px;
    color: #4E5969;
    cursor: pointer
}

.other-top-head .nav-content .www-nav-right>li .nav-search:hover {
    color: #29D978
}

.other-top-head .nav-content .www-nav-right>li .user-login-icon {
    display: inline-block;
    line-height: 32px;
    color: #4E5969;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer
}

.other-top-head .nav-content .www-nav-right>li .user-login-icon:hover {
    color: #29D978
}

.other-top-head .nav-content .www-nav-right>li .icon-nav-recharge {
    font-size: 24px;
    color: #4E5969;
    line-height: 32px
}

.other-top-head .nav-content .www-nav-right>li .icon-nav-recharge:hover {
    color: #29D978
}

.other-top-head .nav-content .www-nav-right>li .icon-nav-recharge .icon-nav-name {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    vertical-align: 2px
}

.other-top-head .nav-content .www-nav-right>li .icon-nav-recharge>i {
    position: absolute;
    top: -8px;
    display: none;
    right: -13px;
    border-radius: 8px;
    width: 6px;
    height: 6px;
    background: red
}

.other-top-head .nav-content .www-nav-right>li .icon-nav-recharge>i.red-msg-icon {
    top: -14px;
    display: none;
    font-size: 12px;
    right: -10px;
    padding: 2px;
    min-width: 16px;
    text-align: center;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1
}

.other-top-head .nav-content .www-nav-right>li .btn-nav-upload {
    display: inline-block;
    width: 128px;
    height: 32px;
    line-height: 32px;
    background: #06CD65;
    border-radius: 6px;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 16px
}

.other-top-head .nav-content .www-nav-right>li .btn-nav-upload:hover {
    background: #29D978
}

.other-top-head .nav-content .www-nav-right>li .btn-nav-upload:focus {
    background: #00A656
}

.other-top-head .nav-content .www-nav-right>li .btn-nav-upload i {
    vertical-align: -2px;
    font-size: 22px
}

.other-top-head .nav-content .www-nav-right>li:hover>div.subnav-center-warp,
.other-top-head .nav-content .www-nav-right>li:hover>div.subnav-vip-drop-down {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    top: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp {
    padding: 6px;
    position: absolute;
    top: 50%;
    left: 35%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list {
    width: 180px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    padding: 24px 0
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li {
    line-height: 48px;
    position: relative
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li:hover {
    background: #E6FFEE
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li:hover>a {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li:hover .subnav-center-warp {
    display: block
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li>a {
    display: block;
    font-size: 16px;
    color: #4E5969;
    padding-left: 40px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp ul.subnav-recharge-list li.upload-image {
    width: 215px;
    height: 242px;
    background: url(/public/images/upload-code.png) no-repeat;
    position: absolute;
    left: -236px;
    top: 7px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 16px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 0 16px 4px rgba(0, 0, 0, .1);
    display: none
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet {
    width: 383px;
    height: 450px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.bg_generally {
    background: url(/www3/lib/images/www/nav_personal_center_pop_top_bg_generally.png) 0 -2px no-repeat #fff
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.bg_generally .name-personal,
.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.bg_generally .subnav-currency>ul>li .num {
    color: #1D2129
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.vip-member {
    background: url(/www3/lib/images/www/nav_personal_center_pop_top_bg_vip.png) no-repeat #fff
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.vip-member .name-personal,
.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet.vip-member .subnav-currency>ul>li .num {
    color: #F2C098
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info {
    margin-bottom: 35px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg {
    padding: 25px 0 0 24px;
    margin-bottom: 16px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait {
    float: left;
    margin-right: 16px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .user-portrait img {
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information {
    padding-top: 2px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .name-personal {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
    line-height: 1;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .user-id {
    font-size: 12px;
    color: #C9CDD4;
    margin-bottom: 8px;
    line-height: 1
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li {
    float: left;
    position: relative;
    padding-bottom: 7px;
    margin-right: 4px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li:hover .vip-due-time {
    display: block
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li>a>.icon {
    font-size: 20px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time {
    display: none;
    position: absolute;
    left: -28px;
    top: 100%;
    z-index: 99;
    min-width: 260px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 11px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 11px 6px rgba(0, 0, 0, .16);
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    left: 30px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time .vip-info {
    font-size: 12px;
    color: #666;
    display: inline-block;
    float: left
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time .vip-info span {
    color: #D1B06F
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time a {
    color: #3BC66F;
    float: right;
    font-size: 12px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .user-info-headerimg .personal-information .icon-member-content li .vip-due-time a .icon-direction_double_arrow_right_m {
    vertical-align: -1px;
    font-size: 12px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency {
    padding: 0 10px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency>ul>li {
    text-align: center
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency>ul>li .num {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 21px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .user-info .subnav-currency>ul>li .kinds-txt {
    font-size: 14px;
    color: #4E5969;
    line-height: 24px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 33px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common a {
    font-size: 14px;
    color: #1D2129;
    text-align: center
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common a:hover {
    color: #29D978
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common a:hover p.icon-common {
    background: rgba(41, 217, 120, .1)
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .nav-tab-common a p.icon-common {
    width: 56px;
    height: 56px;
    background: #F2F2F2;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 12px;
    padding-top: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 32px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration {
    padding: 0 24px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 27px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a em {
    color: #C9CDD4;
    position: absolute;
    left: 0;
    top: -4px;
    font-size: 22px
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a:hover .icon-arrow,
.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a:hover span {
    color: #29D978
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a span {
    color: #1D2129
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration a .icon-arrow {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 21px;
    color: #4E5969
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration .user-log-out {
    margin-top: 30px;
    font-size: 16px;
    color: #86909C;
    line-height: 24px;
    border-top: 1px solid #E5E6EB;
    padding-top: 14px;
    text-align: center;
    cursor: pointer
}

.other-top-head .nav-content .www-nav-right>li .subnav-center-warp .top-warp-contnet .common-functions .link-user-administration .user-log-out:hover {
    color: #29D978
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp {
    padding: 6px;
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
    display: none
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet {
    width: 388px;
    height: 530px;
    background: #FFF;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab {
    background: #F2F3F5;
    height: 58px;
    line-height: 56px;
    padding: 0 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 12px 12px 0 0
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a {
    display: inline-block;
    font-size: 14px;
    color: #1D2129;
    cursor: pointer;
    position: relative
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a.active {
    color: #06CD65;
    font-weight: 700;
    border-bottom: 2px solid #06CD65
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a:hover {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a i {
    position: absolute;
    top: 15px;
    right: -7px;
    background: red;
    border-radius: 8px;
    width: 6px;
    height: 6px
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .user-message-tab a i.red-msg-icon {
    display: none;
    top: 10px;
    right: -15px;
    font-size: 12px;
    width: auto;
    min-width: 16px;
    text-align: center;
    line-height: 1;
    color: #fff;
    height: auto;
    letter-spacing: -1px;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content {
    min-height: 300px;
    margin-bottom: 16px
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li {
    position: relative;
    padding: 18px 20px 8px 82px;
    border-bottom: 1px solid #E5E6EB
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .icon-msg {
    position: absolute;
    left: 24px;
    top: 18px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background: #F2F3F5;
    color: #06CD65;
    border-radius: 50%;
    font-size: 28px
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .message-title {
    color: #4E5969;
    font-size: 14px;
    margin-bottom: 6px;
    height: 40px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .message-title a {
    color: #4E5969
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .message-title a:hover {
    color: #06CD65
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li .list-msg-item {
    font-size: 12px;
    color: #C9CDD4;
    font-weight: 400
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li.msg-no-data {
    width: 175px;
    margin: 0 auto 30px;
    padding: 50px 0 0;
    border-bottom: 0
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li.msg-no-data span {
    display: inline-block;
    width: 175px;
    height: 156px;
    background: url(/user/html/homepage/img/noCollectionYet-img.png) no-repeat;
    margin-bottom: 10px
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .list-message-content>li.msg-no-data p {
    font-size: 12px;
    text-align: center;
    color: #666
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .view-all-messages {
    text-align: center
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .view-all-messages>a {
    display: none;
    width: 105px;
    margin: auto;
    font-size: 14px;
    color: #86909C;
    cursor: pointer
}

.other-top-head .nav-content .www-nav-right>li .subnav-message-warp .top-message-contnet .view-all-messages>a:hover {
    color: #29D978
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down {
    position: absolute;
    left: -165px;
    top: 50%;
    padding: 6px;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content {
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 8px 18px 0 rgba(57, 57, 57, .22);
    box-shadow: 0 8px 18px 0 rgba(57, 57, 57, .22);
    display: none
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title {
    padding-top: 30px;
    width: 380px;
    height: 126px;
    background: url(/public/images/icon-subnav-vip.png);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-name {
    text-align: center;
    line-height: 1;
    color: #411600;
    font-size: 18px;
    margin-bottom: 10px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-info {
    font-size: 12px;
    color: #411600;
    opacity: .6;
    line-height: 1;
    text-align: center
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-operation {
    position: relative;
    display: block;
    margin: 24px auto auto;
    font-size: 14px;
    font-weight: 700;
    color: #90461b;
    width: 304px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#fbd38d), to(#e9ae5c));
    background: linear-gradient(90deg, #fbd38d, #e9ae5c);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-operation:hover {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px)
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-title .vip-operation .subnav-daily-just {
    display: inline-block;
    position: absolute;
    width: 114px;
    height: 30px;
    background: url(/public/images/icon-subnav-vip.png) -1194px 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    top: -14px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-infoClass {
    width: 331px;
    margin: 22px auto 20px;
    position: relative
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-infoClass p {
    width: 215px;
    font-size: 14px;
    color: #333;
    margin: auto;
    text-align: center;
    line-height: 18px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-infoClass i {
    display: inline-block;
    position: absolute;
    top: 7px;
    width: 331px;
    height: 2px;
    background: url(/public/images/icon-subnav-vip.png) 0 -136px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-rights {
    width: 333px;
    height: 36px;
    line-height: 36px;
    background: #F1F1F1;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #B2693B;
    margin: 0 auto 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-rights .icon-vip-rights {
    width: 27px;
    height: 19px;
    display: inline-block;
    background: url(/public/images/icon-subnav-vip.png) -1198px -39px;
    vertical-align: middle;
    margin-top: -4px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight {
    padding-left: 35px;
    line-height: 1
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a {
    display: inline-block;
    text-align: center;
    width: 90px;
    margin-right: 20px;
    margin-bottom: 20px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:hover p {
    color: #edb566
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(3n) {
    margin-right: 0
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a i {
    display: inline-block;
    margin-bottom: 5px;
    width: 54px;
    height: 54px;
    background: url(/public/images/icon-subnav-vip.png) -780px -70px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a i.icon-weight86 {
    background-position: -908px -70px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a i.icon-weight9 {
    background-position: -972px -70px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(2) i {
    background-position: -1036px -70px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(4) i {
    background-position: -844px -70px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(5) i {
    background-position: -1130px -64px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a:nth-of-type(6) i {
    background-position: -1130px 0
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-weight a p {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    line-height: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation {
    text-align: center;
    margin-top: 22px;
    line-height: 1
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .btn-vip-renew {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #e9af5d;
    width: 304px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #f3d498;
    border-radius: 6px;
    margin: 0 auto 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .btn-vip-renew:hover {
    background: -webkit-gradient(linear, left top, right top, from(#FBD38D), to(#E9AE5C));
    background: linear-gradient(90deg, #FBD38D, #E9AE5C);
    color: #90461B
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .href-vip-privilege {
    font-size: 12px;
    color: #999;
    line-height: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .href-vip-privilege:hover {
    color: #4a443c
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .subnav-vip-operation .href-vip-privilege i {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(/public/images/icon-subnav-vip.png) -390px -127px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-gift-pack {
    display: block;
    width: 340px;
    height: 60px;
    margin: 33px auto 0;
    background: url(/public/images/icon-subnav-vip.png) -780px 0
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-gift-pack span {
    display: inline-block;
    width: 86px;
    height: 28px;
    background: #fb6b30;
    border-radius: 4px;
    color: #fff;
    margin-left: 234px;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    margin-top: 16px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-gift-pack span:hover {
    background: #F4672D;
    -webkit-box-shadow: 1px 2px 6px 0 rgba(255, 72, 54, .34);
    box-shadow: 1px 2px 6px 0 rgba(255, 72, 54, .34)
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content .vip-gift-pack span.active {
    background: #DCC9C1 !important;
    cursor: default;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 72, 54, .34);
    box-shadow: 0 0 0 0 rgba(255, 72, 54, .34)
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.whole-super-vip .vip-name {
    margin-bottom: 38px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.about-to-expire .subnav-vip-title .vip-info {
    color: #FC2B2B
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.about-to-expire .vip-infoClass {
    width: 270px;
    margin-top: 23px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.about-to-expire .vip-infoClass i {
    width: 270px;
    background: url(/public/images/icon-subnav-vip.png) -409px -127px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.subnav-vip-renew .subnav-vip-title {
    width: 380px;
    height: 117px;
    padding-top: 39px;
    background: url(/public/images/icon-subnav-vip.png) -390px 0
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.subnav-vip-renew .subnav-vip-title .vip-info {
    color: #999
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.subnav-vip-renew .vip-gift-pack,
.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .subnav-vip-content.subnav-vip-renew .vip-infoClass {
    margin-top: 20px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 385px;
    height: 455px;
    padding-top: 357px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity .vip-rule {
    position: absolute;
    right: 35px;
    top: 20px;
    width: 50px;
    height: 17px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity .vip-rule p {
    position: absolute;
    right: -15px;
    top: 100%;
    display: none;
    width: 350px;
    height: 236px
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity .vip-rule:hover p {
    display: block
}

.other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down .vip-repeat-download-activity a.vip-operation {
    display: inline-block;
    width: 132px;
    height: 45px
}

.other-top-head .nav-content .www-nav-right>li .subnav-upload-activity {
    width: 320px;
    height: 280px;
    background: url(/public/images/upload-activity.png) no-repeat;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    z-index: 101
}

.other-top-head .nav-content .www-nav-right>li .subnav-upload-activity a {
    display: inline-block;
    width: 130px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500
}

.other-top-head .nav-content .www-nav-right>li .subnav-upload-activity a.model-to-version {
    margin-top: 228px
}

.other-top-head .nav-content .www-nav-right>li .subnav-upload-activity a.vr-img-synthesis {
    color: #E96A53;
    background: #F9ECE2
}

.other-top-head .nav-content .www-nav-right>li .subnav-upload-activity a.model-publishing {
    display: block;
    width: 100%;
    height: 227px;
    margin-bottom: 0
}

.other-top-head .nav-content .www-nav-right>li .subnav-upload-share {
    width: 380px;
    height: 317px;
    background: url(/user/images/upload-model/share/upload-activity.png) no-repeat;
    text-align: center;
    -webkit-box-sizing: border-box;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    z-index: 101;
    box-sizing: border-box;
    padding-top: 252px
}

.other-top-head .nav-content .www-nav-right>li .subnav-upload-share .share-link {
    display: inline-block;
    width: 234px;
    height: 40px
}

.news-index-other {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transform: opacity .2s;
    transform: opacity .2s;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #E5E6EB
}

.register-user {
    width: 482px;
    height: 587px;
    background: url(/www2/images/act/register-user.png) no-repeat;
    position: relative
}

.register-user a {
    width: 324px;
    height: 70px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 119px;
    margin-left: -164px;
    border-radius: 34px
}

.quarter-user {
    width: 650px;
    height: 467px;
    background: url(/www2/images/act/quarter-user.png) no-repeat;
    position: relative
}

.quarter-user a {
    width: 347px;
    height: 43px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: -171px;
    border-radius: 34px
}

.other-top-head .icon {
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.www-container {
    margin: auto
}

.news-skin-contrast {
    background-color: transparent !important
}

.news-skin-contrast iframe {
    border-radius: 6px
}

.copy-drop-down {
    display: none;
    padding-top: 8px;
    position: absolute;
    left: -20px;
    top: 22px;
    z-index: 9
}

.copy-drop-down .copy-list {
    width: 140px;
    height: 84px;
    background: #FFF;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    opacity: 1;
    border: 1px solid #E5E6EB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 8px;
    display: block
}

.copy-drop-down .copy-list .copy-item {
    width: 123px;
    height: 32px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4E5969;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16px;
    text-align: left;
    border-radius: 4px;
    margin-left: 8px !important
}

.copy-drop-down .copy-list .copy-item:hover {
    background: #F2F3F5
}

.copy-content,
.copy-id {
    position: absolute;
    left: -9999px;
    top: -9999px
}

.nav_activity_ab {
    display: none
}

.nav_activity_ab .nav_act_ab_link,
.nav_activity_ab .nav_act_ab_popup {
    cursor: pointer;
    position: absolute;
    top: -8px;
    left: 0;
    display: block;
    width: 116px;
    height: 40px;
    background: url(/www3/lib/images/www/tpag3.gif) center no-repeat;
    background-size: 100% 100%
}

.list_activity_ab {
    display: none;
    width: 216px;
    position: absolute;
    right: 159px;
    top: 0
}

.list_activity_ab .list_act_ab_link,
.list_activity_ab .list_act_ab_popup {
    cursor: pointer;
    display: block;
    width: 216px;
    height: 65px;
    background: url(/act/html/act-2023/img/activity.png) center no-repeat
}

.model-list-content .list-content .model-search-position {
    position: relative
}

.navbar-tietu-tips-style {
    display: none;
    position: absolute;
    left: -25px;
    top: 11px;
    width: 41px;
    height: 26px;
    font-size: 12px;
    color: #FFF;
    line-height: 26px;
    text-align: center;
    background: #F53F3F;
    border-radius: 2px
}

.navbar-tietu-tips-style::after {
    content: "";
    border-color: transparent transparent transparent #F53F3F;
    border-width: 4px;
    border-style: solid;
    position: absolute;
    top: 8px;
    left: 41px
}

body .left-user-info .left-nav-address {
    display: none
}

.news-reset-title {
    border-radius: 12px !important
}

.news-reset-title .layui-layer-title {
    font-size: 16px;
    color: #1D2129;
    line-height: 24px;
    height: 61px;
    padding-top: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 12px 12px 0 0;
    font-weight: 700;
    background: #FFF
}

.layer-reset-form {
    border-radius: 4px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.new-blackbox,
.position-confirmation-popup {
    border-radius: 6px;
    -webkit-box-sizing: border-box
}

.layer-reset-form .layui-layer-title {
    font-size: 16px;
    background-color: #fff;
    font-weight: 700;
    border-bottom: 0 solid;
    margin-top: 10px;
    padding-left: 30px
}

.position-confirmation-popup {
    position: absolute;
    z-index: 999;
    width: 326px;
    height: 102px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px 15px 0;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.position-confirmation-popup .tips-position {
    font-size: 14px;
    color: #4e5969;
    line-height: 22px;
    margin-bottom: 16px
}

.position-confirmation-popup .tips-position .icon {
    vertical-align: -3px;
    font-size: 18px;
    margin-right: 6px
}

.position-confirmation-popup .btn-position {
    text-align: right
}

.position-confirmation-popup .btn-position a {
    display: inline-block;
    width: 60px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    border-radius: 6px
}

.position-confirmation-popup .btn-position a.btn-author-close {
    color: #4E5969;
    background-color: #F2F3F5;
    margin-right: 8px
}

.position-confirmation-popup .btn-position a.btn-author-close:hover {
    background-color: #eaeaeb
}

.position-confirmation-popup .btn-position a.btn-author-submit {
    color: #fff;
    background-color: #06CD65
}

.position-confirmation-popup .btn-position a.btn-author-submit:hover {
    background-color: rgba(6, 205, 101, .9)
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum .curriculum-place,
.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum .curriculum-place {
    width: 588px;
    height: 80px;
    border-radius: 4px;
    margin-bottom: 0;
    margin-top: -8px;
    padding: 0;
    border: 0
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum .curriculum-place:hover,
.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum .curriculum-place:hover {
    border: none
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum .curriculum-place img,
.other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum .curriculum-place img {
    width: 588px;
    height: 80px;
    border-radius: 4px;
    display: block
}

.new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content .cate_channel .every_class,
.other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content .cate_channel .every_class {
    position: absolute;
    bottom: 119px;
    right: 0
}

@media screen and (max-width:1920px) {

    .friendship-link .www-container,
    .www-footer .www-container {
        max-width: 1700px
    }
}

.max-small-show {
    display: none
}

@media screen and (max-width:1828px) {
    .other-top-head {
        padding-right: 10px
    }

    .new-www-nav .nav-content {
        padding: 0 20px
    }

    .min-small-screen {
        display: none
    }

    .max-small-show {
        display: block
    }

    .list_activity_ab {
        right: 0
    }
}

@media screen and (max-width:1470px) {
    .maxWidthHide {
        display: none
    }
}

@media screen and (max-width:1720px) {

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .list-class-content .cate_channel>ul li:nth-of-type(7),
    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .list-class-content .cate_channel>ul li:nth-of-type(8),
    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum .curriculum-place,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification .list-class-content .cate_channel>ul li:nth-of-type(7),
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification .list-class-content .cate_channel>ul li:nth-of-type(8),
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum .curriculum-place {
        display: none
    }

    .new-www-nav .nav-content .www_input_search,
    .other-top-head .nav-content .www_input_search {
        width: 440px;
        margin-left: 22px
    }

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum {
        width: 420px;
        height: 380px;
        overflow-y: auto
    }

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content,
    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content {
        height: 440px
    }

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .list-class-content .cate_channel::before,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .list-class-content .cate_channel::before {
        height: 410px
    }

    .new-www-nav .nav-content .www-nav-right>li .subnav-center-warp,
    .other-top-head .nav-content .www-nav-right>li .subnav-center-warp {
        left: 30%
    }

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content .cate_channel .every_class,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content .cate_channel .every_class {
        position: initial;
        bottom: initial
    }
}

@media screen and (max-width:1550px) {

    .new-www-nav .nav-content .www-nav-left>li,
    .other-top-head .nav-content .www-nav-left>li {
        margin-right: 16px
    }

    .new-www-nav .nav-content .www-nav-right,
    .other-top-head .nav-content .www-nav-right {
        margin-right: 0
    }

    .new-www-nav .nav-content .www-nav-right>li,
    .other-top-head .nav-content .www-nav-right>li {
        margin-left: 13px
    }

    .other-top-head {
        padding-right: 8px
    }
}

@media screen and (max-width:1440px) {

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .list-class-content .cate_channel>ul li:nth-of-type(7),
    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .list-class-content .cate_channel>ul li:nth-of-type(8),
    .new-www-nav .nav-content .www-nav-right>li .icon-nav-recharge .icon-nav-name,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification .list-class-content .cate_channel>ul li:nth-of-type(7),
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification .list-class-content .cate_channel>ul li:nth-of-type(8),
    .other-top-head .nav-content .www-nav-right>li .icon-nav-recharge .icon-nav-name {
        display: none
    }

    .new-www-nav .nav-content .www-nav-right>li .subnav-center-warp,
    .other-top-head .nav-content .www-nav-right>li .subnav-center-warp {
        left: 27%
    }

    .new-www-nav .nav-content .www-nav-right>li .subnav-vip-drop-down,
    .other-top-head .nav-content .www-nav-right>li .subnav-vip-drop-down {
        left: -195px
    }

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification .nav-class-content .list-class-content .cate_channel .zixue-lists-curriculum {
        width: 230px;
        height: 380px;
        overflow-y: auto
    }

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content,
    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .nav-class-content .list-class-content {
        height: 440px
    }

    .new-www-nav .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .list-class-content .cate_channel::before,
    .other-top-head .nav-content .www-nav-left>li .subnav-model-classification.nav-zixue-model .list-class-content .cate_channel::before {
        height: 410px
    }

    .nav_activity_ab .nav_act_ab_link,
    .nav_activity_ab .nav_act_ab_popup {
        width: 100px;
        height: 34px;
        top: -4px
    }
}

.income-account-open {
    width: 470px;
    height: 563px;
    background: url(/user/html/upload/img/income-account-open.png) no-repeat
}

.income-account-open .hint-tips {
    font-size: 12px;
    font-weight: 400;
    color: #FFF;
    position: absolute;
    right: 104px;
    top: 224px
}

.income-account-open .give-money {
    width: 76px;
    font-size: 24px;
    font-weight: 700;
    color: #FE5413;
    text-align: center;
    position: absolute;
    left: 105px;
    top: 273px
}

.income-account-open .upload-red-btn {
    width: 315px;
    height: 60px;
    border-radius: 30px;
    cursor: pointer;
    position: absolute;
    left: 77px;
    bottom: 58px
}

.income-account-open .count-down {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #F91F1F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 30px;
    opacity: 0
}

.income-account-open .count-down p {
    font-weight: 700
}

.income-account-open .count-down p span {
    margin: 0 5px
}

.price-opens {
    width: 349px;
    height: 317px
}

.price-opens.price_b {
    background: url(/public/images/price_b.png) no-repeat
}

.price-opens.price_c {
    background: url(/public/images/price_c.png) no-repeat
}

.price-opens .price-btn {
    width: 222px;
    height: 50px;
    border-radius: 24px;
    position: absolute;
    left: 60px;
    bottom: 23px;
    cursor: pointer
}

.category-show {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: none;
    width: 100%
}

.category-show .category-close {
    background: url(https://img.3d66.com/new-admin//act11-close.png) center no-repeat;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 200px;
    top: 72px;
    cursor: pointer
}

.category-show .category-close .icon {
    font-size: 48px;
    color: #C9CDD4
}

.category-show .category-close .icon:hover {
    color: #fff
}

.category-show .category-imgs {
    width: 100%
}

.category-show .category-imgs img {
    width: 100%;
    display: block
}

.new-blackbox {
    width: 455px;
    height: 330px;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

.new-blackbox .blackbox-imgs {
    background: url(/www2/images/index_base_icon/index_footer_icon.png) -5px -443px;
    width: 141px;
    height: 117px;
    margin: 10px auto
}

.new-blackbox .blackbox-imgs-tan {
    background: url(/www2/images/index_base_icon/index_footer_icon.png) -155px -443px;
    width: 40px;
    height: 40px;
    margin: 10px auto
}

.new-blackbox .blackbox-text {
    padding: 30px 10px;
    text-align: left
}

.new-blackbox .blackbox-text p {
    color: #1D2129;
    font-size: 16px;
    line-height: 24px;
    white-space: pre-line
}

.new-blackbox .blackbox-btn {
    text-align: center;
    width: 100%
}

.new-blackbox .blackbox-btn a,
.new-blackbox .blackbox-btn span {
    color: #fff;
    font-size: 14px;
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background-color: #06CD65;
    border-radius: 4px;
    display: inline-block;
    margin: 0 12px
}

.new-blackbox .blackbox-btn a:hover,
.new-blackbox .blackbox-btn span:hover {
    background-color: #46cc86
}